@charset "utf-8"; * {margin: 0;padding: 0;text-decoration: none;list-style: none;font-size: 14px;line-height: 1.5;font-family: Arial;} /* 栏目背景图 */ .customercaseBox .prev, .customercaseBox .next , .reasonList .why,.aems, .aems ul li,.way, .d-take, .apply .tit .ad, .in_pro,.wechat-code, .changeBtn.btnchange, .pay,.fav {background-position: 50% 50%;background-repeat: no-repeat;background-size: 100%;} /*自定义字体*/ @font-face{ font-family: caseFont; src: url('font-case/325-CAI978.ttf'), url('font-case/325-CAI978.ttf'); /* IE9 */ } /* 栏目间距 */ .in_pro {padding:118px 0 125px; max-height: 532px; overflow: hidden; position: relative;z-index: 11;} .case {padding: 118px 0 96px;height: 410px;max-height: 410px;overflow: hidden;} .brand {padding: 180px 0 100px;height: 460px;max-height: 460px;overflow: hidden;} .newsList {height:520px;min-height: 520px;overflow: hidden;background-color: #fff;} .news,.case_example,.what,.newsList{padding:70px 0;} .news_contant .left,.news_contant .right {float: left;display: inline;} .news_contant .left {width:80%;} .news_contant .right {width: 20%} /* 顶部功能区 */ #topmenu{ height: 40px; border-bottom: #e5e5e5 solid 1px; width: 100%; display: block;} #topmenu .index_order a{float:right; width:110px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; } #topmenu .container .fl.py05{color: #979797;} #topmenu .container .fl.py05 i.i_dianhua{color: #888;} /* #topmenu .index_order a:hover{color:#35c8ae;} */ /* 头部导航条 */ #breadmenu {width: 100%;max-width: 1920px; height: 128px;margin: 0 auto;background: #FFF;position: fixed;top:-1px;left:0;right:0;z-index: 97;/* overflow: hidden; */border-bottom: 1px #eaeaea solid;} #breadmenu .dhleft {height: 100%;float: left;} .logo,#breadmenu .logo {display: block; float: left; position: relative;} .logo img,#breadmenu .logo img {display: block; } .logo{margin-top: 14px;} #breadmenu .dhleft a:hover {text-decoration: underline;} #breadmenu .dhright {width: auto;height: 100%;float: right;} #breadmenu .dhright ul {float: left;padding: 0;margin: 0;height: 100%;} #breadmenu .dhright ul li {float: left;height: 100%;} #breadmenu .dhright ul li a {display: block;padding: 27px 15px;} #breadmenu .dhright ul li a span{display:block;font-size: 15px;line-height: 15px;text-align: center;color: #2f2f2f;border-bottom: 3px #26ceb4 solid;padding: 0 0px 15px;position: relative;} #breadmenu .dhright ul li a span:before{content: '';display: block;position: absolute;top: 100%;right: 0;width: 100%;height: 3px;background-color: #fff;} #breadmenu .dhright ul li.cur a span, #breadmenu .dhright ul li a:hover span {color: #26ceb4;border-bottom: 3px solid #26ceb4;} #breadmenu .dhright ul li.cur a span:before, #breadmenu .dhright ul li a:hover span:before{width:0;-webkit-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s; -ms-transition: width 0.5s; transition: width 0.5s} /* 登陆之后下拉 */ .login-right {height: 40px;line-height:40px;} .login-right li {float: left;text-align: center;font-size: 14px;height: 40px;position: relative;width: 107px;line-height: 40px;} .login-right li i {font-size: 14px;padding-left: 5px;line-height: 40px;} .login-right li a { display: block; width:100%;height:40px;line-height:40px;} .login-right li:hover {background-color:#f5f5f5;color:#26ceb4;} .login-right li:hover i {color:#26ceb4;} .login-right li.l_in .mine-order {display: none;} .login-right .mine-order {margin-top: 0px;background-color: #FFF;border:1px #ddd solid;border-top:0;position: relative;z-index: 199;} .login-right .mine-order ul {padding:0;margin: 0;} .login-right .mine-order li{float: inherit; height: 40px;} .login-right .mine-order li:hover a{color: #34d0b3;} .login-right li.l_in:hover .mine-order{display: block;} #breadmenu .dhright ul li {width:90px;} #breadmenu .dhright ul.menu_two { width: 123%; margin-left: -11%; } #breadmenu .dhright ul.menu_two li { width: 100%; border-bottom: 0!important; } #breadmenu .dhright ul.menu_two li a { width: 100%; } #breadmenu .dhright ul.menu_two li a span { border-bottom: 0; text-align: center; width: 100%; display: inline-block; padding: 0; line-height: 43px; border-bottom: 2px #888 solid; } #breadmenu .dhright li:hover ul.menu_two li a span:before { content:""; } #breadmenu .dhright ul.menu_two li span, #breadmenu .dhright ul.menu_two li.cur span { color:#373737!important; } #breadmenu .dhright ul.menu_two li:last-child a span { border-bottom:0; } #breadmenu .dhright ul.menu_two li:hover a, #breadmenu .dhright ul.menu_two li:hover a span{ color:#26ceb4!important; } /* 底部导航 */ #foot {background-color: #2c373d;color: #B1B1B1; padding: 40px 0 40px 0;} #foot p {padding-bottom: 5px;line-height: 1.75;font-size: 14px;color: #86979e;} #foot .foot_top a {padding-right: 20px;padding-left: 20px;line-height: 18px;border-right: 1px solid #FFF;color: #FFF;} #foot .foot_top a:first-of-type {padding-left: 0;} #foot .foot_top a:last-of-type {padding-right: 0;border-right: 0;} .foot_middle a {padding-right:15px; color: #f1F1F1;} #foot .foot_bot {text-align: center;} #foot .bussiniTel{box-sizing: border-box;padding: 0 20px;margin: 0 40px 0 20px;} .span1.codewrap{width: 90px;} .code{text-align: center;padding:0 4px 0 16px;} .code .qcode{margin-bottom: 10px; height: 70px;width: 70px;} #foot .code p{font-size: 12px;color: #fff;} #foot .contact{box-sizing: border-box;} .contact .adrs span{color: #86979e!important;} #foot .foot_middle,#foot .foot_bottom {padding-bottom: 5px;} .ff h4{font-size: 16px;display: block;width: 90px;color: #fff;} .ff .hr1{width:64px;height:1px;padding:0; margin: 15px 0;overflow:hidden; background:#505d64;} .f_01 p{ margin-top: 10px;} .f_02 em{/*color:#33cfb4;*/color: #86979e; font-size: 24px;} .foot_top {padding-bottom: 30px;} .f_03 {position: absolute; right: 0;} #foot_b{ background: #2c373d; height: 52px; text-align: center; overflow: hidden; color: #B1B1B1;} #foot_b .container{border-top: 1px solid #424b51;} #foot_b p{line-height: 52px;font-size: 14px;color: #86979e;} /* 右侧 */ .rightBar {width: 60px;height: 264px;position: fixed;right: 0;z-index: 99;bottom: 20%;text-align: center;} .rightBar ul li {display: block;width: 44px;height: 44px;background-color: #fff;padding: 5px;margin-bottom: 5px;text-align: center;position: relative;cursor: pointer;border: 1px #e6e6e6 solid\0;border-radius: 4px;box-shadow: 0 0 12px rgba(0,0,0,0.2)} .rightBar ul li i,.rightBar ul li P,.rightBar ul li a {color: #000;font-size: 12px;} .rightBar ul li a{display: block;} .rightBar ul li i {font-size: 30px;line-height: 44px;} .rightBar ul li i::before {margin-right: 0;} .rightBar ul li i.i_up{font-size: 32px;} .hotLine,.wechat-code {display: none;} .rightBar ul li.gotop {cursor: pointer;display: none;} .rightBar ul li.app-applyUse .applyTips{line-height: 24px;font-size: 18px;width: 94px;padding: 15px;color: #000;border-radius: 6px;box-shadow: 0 0 12px rgba(0,0,0,0.2);position: absolute;left: -134px;top: 0;background-color: #fff;display: none;} .rightBar ul li .service{line-height: 24px;font-size: 18px;width: 94px;padding: 15px;color: #000;border-radius: 6px;box-shadow: 0 0 12px rgba(0,0,0,0.2);position: absolute;left: -134px;top: 0;background-color: #fff;display: none;} /* hover */ .rightBar ul li:hover {background-color: #33cfb4;} .rightBar ul li:hover i{background-color: #33cfb4;color: #fff;} /* 热线 */ .hotLine,.wechat-code {position: absolute;top:0; right: 70px;width: 370px;min-height: 154px;border: 1px #e6e6e6 solid\0;background-color: #FFF;z-index: 13;box-shadow: 0 0 12px rgba(0,0,0,0.2);border-radius: 6px;} .hotLine_in{padding: 25px 0} .hotLine_in .fl {text-align: center;width: 48%;border-right: 1px #e6e6e6 solid} .hotLine_in .fr {max-width: 188px;} .hotLine_in [class*="i_"]{font-size: 40px; } .rightBar .hotLine_in p {color: #373737;} .rightBar .hotLine_in p.txt16 {font-size:16px;} .rightBar .hotLine_in p.txt18 {font-size:18px;} .hotLine_in .fr dl {padding: 0px 15px;} .hotLine_in .fr dl dd{padding: 4px 15px;background: url("../img/qiyeyun_dian.png") left center no-repeat;} /* 二维码 */ .rightBar ul li.cell:hover .hotLine,.rightBar ul li.wechat:hover .wechat-code,.rightBar ul li.app-applyUse:hover .applyTips,.rightBar ul li:hover .service {display: block;} .wechat-code {width: 142px;height: 142px;min-height:142px; background: url(../img/wechat.png) no-repeat center;background-size: 100%} /* 轮播 */ .banner,.picture {max-width: 1920px;width: 100%;/*height: 480px; */position: relative;overflow: hidden;left: 0;right: 0;margin: 0 auto;} .banner {height: 460px;} .banner_in, .banner .nav {display: inline-block;} .banner .pic li {position: absolute;top: 0;left: 50%;display: none;width: 100%;height: 100%;max-width: 1920px;margin: 0 auto;left: 0;right: 0;} .banner .pic li:first-child {display: block;} .banner .pic li img {width:100%;display: block;} .banner_nav {position: absolute;bottom: 15px;left: 50%;z-index: 3;width: 300px;margin-left: -150px;text-align: center;font-size: 0;transition: all .2s ease;} .banner .nav li {list-style: none;float: left;width: 12px;height: 12px;line-height: 12px;font-size: 12px;color: transparent;text-align: center;margin-right: 12px;border-radius: 12px;cursor: pointer;position: relative;border:1px #FFF solid;} .banner .nav li.on {background-color: #FFF;} .picture {min-height: 300px;max-height: 420px;text-align: center;} .picture img {width: 1920px;position: absolute;left: 50%;right: 0;max-width: 1920px;margin-left: -960px;display: inline-block;height: auto;} /*what is AEMS*/ .what_in h2{font-size: 28px; margin: 40px 0;} .what_in p {font-size: 16px;text-indent: 40px;} .btn [class*="btn-"] {margin-right: 13px;} /*Aems介绍*/ .what{height: 470px;} .what .what_in h2.titles{color: #2f2f2f;font-size: 36px;text-align: center;margin: 0 auto 20px;line-height: 40px;} .what .what_in p.desc{width: 820px;height: 60px;font-size: 16px;line-height: 30px;text-indent: 0;color: #2f2f2f;text-align: center;margin: 0 auto;} .aemsType-list{margin: 70px auto;} .aemsType-item{float: left;width: 286px;height: 169px;margin-left: 18px;overflow: hidden;border-radius: 10px;} .aemsType-item:hover{box-shadow: 0 0 10px #888888;} .aemsType-item:first-child{margin-left: 0;} .aemsType-item>img{border-radius: 10px;} .goodness-list{width:1120px;padding: 40px;background-color: #fff;border-radius: 8px;box-shadow: 0 0 10px #ddd;position: absolute;bottom: -160px;left: 0;} .goodness-item{float: left;width: 33.2%;border-left: 1px solid #e4e4e4;} .goodness-item:first-child{float: left;width: 33.2%;border-left: 0;} .goodness-item .i_dagouyouquan{color: #33cfb4;} .goodness-item p.goodness{font-size: 16px;text-indent: 0;line-height: 36px;height: 36px;padding: 0 75px;} /*技术tech */ .title_i h3{font-size: 24px; margin: 0 0 45px 0;} .tech{position: relative; display: block; float: left;} .tech ul{text-align: center;font-size: 0;padding: 0;margin: 0;width: 900px!important;min-width: 894px;max-height: 430px;} .tech li{vertical-align: top;width: 33%!important;max-width: 298px;max-height: 213px;text-align: center;border: #efefef solid 1px;font-size: 16px;transition: box-shadow 0.5s, transform 0.5s;background-color: #FFF;position: relative;height: 213px;} .tech li a{display: block;width: 100%;max-height: 125px;font-size: 16px;line-height: 40px;padding: 50px 0;position: absolute;color: #555;z-index: 11;} .tech li i{display:block; font-size:50px;color: #33cfb4;} /* hover hack */ .functionBox ul.Li3 li:hover, .proList li:hover, .apps-icon ul.Li3 li:hover, .cust-item:hover{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);box-shadow: 0 0 35px 5px rgba(0, 0, 0, 0.15);-webkit-transition: box-shadow 0.5s, transform 0.5s;-moz-transition: box-shadow 0.5s, transform 0.5s;-o-transition: box-shadow 0.5s, transform 0.5s;-ms-transition: box-shadow 0.5s, transform 0.5s;transition: box-shadow 0.5s, transform 0.5s;} .tech li a:hover {font-size: 17px;color: #555; /* -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; */} /* .tech li:hover i ,*/ .in_pro .in_pro_list li:hover{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;padding-bottom: 15px;} .tech li a:hover { box-shadow: 0 0 35px 5px rgba(0, 0, 0, 0.15);-webkit-transition: box-shadow 0.5s, transform 0.5s;-moz-transition: box-shadow 0.5s, transform 0.5s;-o-transition: box-shadow 0.5s, transform 0.5s;-ms-transition: box-shadow 0.5s, transform 0.5s;transition: box-shadow 0.5s, transform 0.5s; } /*标准产品*/ .in_pro{background:url("../img/bg02.jpg");} .in_pro_list {text-align: center;height: 543px;} .in_pro_list ul {display: inline-block;*display:inline;zoom:1;_height:250px;width: 1182px;margin: 0 auto;text-align: center;} .in_pro_list li{display: inline-block;*display:inline;zoom:1;_height:250px;/*width: 30%;max-width: 360px;min-height: 500px;*/position: relative;z-index: 11; width:358px;height: 500px; background: #FFF;text-align: center;margin-right:30px;border:1px solid transparent;} .in_pro_list li p {font-size: 16px;} .in_pro_list li p.text{line-height: 35px;padding:22px 0 10px 0;} .in_pro_list li em{font-size: 24px;} .in_pro_list li p.price{font-size: 44px;font-weight: 600;padding-bottom: 21px;} .in_pro_list li .top_bg{ width: 100%; height: 170px; overflow: hidden; padding-top:30px;border-bottom:#EAEAEA solid 1px;background-color: #f5f7fa;} .in_pro .in_pro_list li .top_bg .circle {margin: 0 auto;} .in_pro .in_pro_list li .top_bg .circle [class*="i_"]{font-size: 66px;line-height: 66px;} .in_pro .in_pro_list li .top_bg .circle [class*="i_"]::before{margin-right: 0;} /* hover hack */ .in_pro .in_pro_list li:hover{position: relative;z-index: 11;-webkit-transition: all .s;-moz-transition: all .s;-o-transition: all .s;-ms-transition: all .s;transition: all .s; -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); border-color: #34d0b3;} .in_pro .in_pro_list li:hover .top_bg{background-color: transparent;background-image: -moz-linear-gradient( 90deg, rgb(51,207,180) 0%, rgb(77,217,166) 60%, rgb(103,227,151) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(51,207,180) 0%, rgb(77,217,166) 60%, rgb(103,227,151) 100%);background-image: -ms-linear-gradient( 90deg, rgb(51,207,180) 0%, rgb(77,217,166) 60%, rgb(103,227,151) 100%); } .in_pro .in_pro_list li:hover .top_bg em,.in_pro .in_pro_list li:hover .top_bg p {color: #FFF;} .in_pro .in_pro_list li:hover .top_bg .circle {background-color: transparent;} .in_pro .in_pro_list li:hover .top_bg [class*="i_"] {color: #FFF;} .in_pro .in_pro_list li .top_bg em{font-size: 30px; display: block; margin-top:6px;} .in_pro .in_pro_list li .top_bg b{font-size: 16px; display: block;} /*经典案例 */ .case,.brand .brand_list ul li{position: relative;} .case .title_i h3{margin:0 0 70px 0;} .case h4{font-size: 20px;margin-bottom: 15px;} .case-tabs{ float: right; height: 40px; } .case-tabs li,.ordertab li{ float: left;} .case-tabs li a,.ordertab li a{display: block; padding:0 15px;} .case-tabs li a span,.ordertab li a span{padding:10px 4px;line-height:40px; font-size: 16px; } .case-tabs li.cur a span,.case-tabs li a:hover span{color: #26ceb4; border-bottom:4px #26ceb4 solid;} .case_inrto .gan{font-size: 16px;line-height: 1.75;text-indent: 32px;height: 190px;max-height: 190px;overflow: hidden;margin-bottom: 20px;} /*Aems案例客户*/ .custCase-main .videos{padding: 0;margin: 0 auto 40px} .custCase-main .videos .videos-list li{overflow: hidden;} .chooseZMD{padding: 60px 0 0;} .chooseZMD .title_i.titleCeter{margin: 0 auto 30px;} .custDesc{width: 700px;text-align: center;margin: 0 auto 80px;line-height: 26px;font-size: 14px;} .cust-list{width: 1236px;} .cust-item{width: 376px;margin: 0 36px 36px 0;background-color: #fff;position: relative;float: left;} .cust-info{padding: 20px;} /*.cust-item:hover .hideText{display: block;}*/ .hideText{display:none;height:100%;padding: 0;position: absolute;top: 0;left:0;background-color: #2f2f2f;opacity: 0.8;} .hideText>p{font-size: 14px;line-height: 24px;color: #fff;text-align: left;overflow: hidden;padding: 30px 30px 0;max-height: 85%;} a.case-link{display: block;} .cust-item:hover .i_youjiantou02,.tipser-head .close-tipser:hover .i_colse{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; -ms-transition: transform 0.3s; transition: transform 0.3s} .cust-name, .cust-local{line-height: 22px;height: 22px;font-size: 16px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .cust-img-box{width: 100%;height: 200px;overflow: hidden;} .cust-local{color: #999} .cust-jianjie{line-height: 20px;height: 40px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 15px;} .cust-more,.cust-more>span,.cust-more i.i_youjiantou02{height: 26px;line-height: 26px;} .cust-more{position:relative;padding-top: 20px;border-top: 1px solid #e5e5e5;font-size: 12px;} .cust-more>span{display: block;padding-right: 28px;} .cust-more i.i_youjiantou02{display: block;font-size: 22px;position: absolute;right: 0;bottom:0;} .cust-more i.i_youjiantou02:before{margin-right: 0;} /*客户案例列表样式2*/ .news_main .picture{min-height: 168px;} .cust-list-style02{padding: 36px 0;} .cust-list-style02 .cust_list_item{display: block;width: 1100px;height: 160px;max-width: 100%;margin: 0 3% 40px 0;overflow: hidden;background-color: #fff;padding:34px 50px;position: relative;} .cust-list-style02 .cust_list_item:hover{box-shadow: 0 0 20px #e7e7e7} .cust-list-style02 .cust_list_item .custDate{width: 80px;height: 160px;float: left;} .cust-list-style02 .cust_list_item .custDate span.custDate-dd{display: block;font-size: 38px;line-height: 38px;height: 38px;color: #373737;width: 100%;text-align: center;padding-bottom: 10px;margin-top: 45px;} .cust-list-style02 .cust_list_item .custDate span.custDate-yymm{display: block;font-size: 18px;line-height: 22px;color: #373737;width: 100%;text-align: center;} .cust-list-style02 .cust_list_item h3.news_title{font-size: 24px;font-weight: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: auto;line-height: 32px;max-height: 64px;margin: 0;} .cust-list-style02 .cust_list_item p.news_desc{line-height: 24px;height: auto;font-size: 14px;max-height: 72px;margin: 24px 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .cust-list-style02 .cust_list_item img{width: 270px;height: 160px;float: left;margin: 0 30px;border-radius: 10px;} .cust-list-style02 .cust_list_b span.moreLink{ height: 30px; display: block; float: left; margin-right: 23px; border-bottom:#33cfb4 solid 2px;} .cust-list-style02 .cust_list_b a:hover{ color: #33cfb4; } .cust-list-style02 .cust_list_b span{color: #888;font-size: 14px;position: absolute;right: 50px;bottom: 14px;} /*案例介绍-详情-弹层*/ .tipser{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display:none;z-index: 99;} .tipser-cover{width:100%;height:100%;background-color:#000;opacity: 0.4;} .tipser-main{width: 580px;height: 600px;background-color: #fff;position: absolute;left: 50%;top: 50%;margin: -300px 0 0 -290px;} .tipser-head{height:32px;line-height: 32px;padding: 10px 30px 10px 10px;margin:0 auto;background-color: #f4f4f4;position: relative;} .tipser-head .close-tipser{position: absolute;right: 8px;top:10px;display: block;width: 30px;line-height: 32px;height: 32px;text-align: center;} .tipser-head .close-tipser,.tipser-head .close-tipser .i_colse{display: block;width: 22px;height: 32px;line-height: 32px;} .tipser-head .close-tipser .i_colse{font-size: 12px;} .tipser-head .close-tipser .i_colse:before{margin-right: 0;} .tipser-head .detail-title{line-height: 32px;font-size: 16px;font-weight: bold;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .tipser-head .detail-content{font-size: 14px;line-height: 26px;} .tipser-body{max-height: 508px;padding: 20px 30px;margin: 0 auto;overflow-y: auto;overflow-x: hidden;} .tipser-body img.detail-img{margin-bottom: 15px;} /*客户分布地图*/ .case-distribute{width: 100%;margin:0 auto;background-color: #00001e;} .case-distribute .container{width: 1400px;height:780px;margin:0 auto;background: url("../img/case-map-bg.png")no-repeat center;background-size: contain;position: relative;} .case-distribute .data-list{width: 360px;height: 264px;padding: 20px;position: absolute;top: 240px;left: 102px;border: 2px solid #42b8e9;border-radius: 4px;-webkit-box-shadow: 0 0 10px #42b8e9;-moz-box-shadow: 0 0 10px #42b8e9;box-shadow: 0 0 10px #42b8e9;background-color: rgba(0,0,0,0.3)} .case-distribute .data-list li{width: 150px;height: 58px;border: 0;padding: 15px 0 15px 30px;text-align: left;} .case-distribute .data-list li .data-number{height: 36px;margin: 0 auto;} .case-distribute .data-list li .data-number .number-plus,.case-distribute .data-list li .data-number .numberRock{color: #fff;font-family: caseFont;vertical-align: top;display: inline-block;} .case-distribute .data-list li .data-number .numberRock{font-size: 36px;font-weight: normal;line-height: 36px;height: 36px;} .case-distribute .data-list li .data-number .number-plus{font-size: 30px;font-weight: bold;line-height: 32px;height: 32px;margin-left: 4px;} .case-distribute .data-list li .data-text{font-size: 14px;line-height: 22px;height: 22px;margin: 0 auto;} /*Aems案例客户--end*/ /* 品牌保证 */ .brand {background-color: #FFF;} .brand .brand_list{ width: 148px; height: 335px; position: relative; border:#dcdcdc solid 1px; position: relative;} .brand .brand_list ul{position: absolute; right: -10px; top: 20px;} .brand .brand_list ul .hr2{position: absolute; top: -12px; right: 20px; height: 2px;background:#dcdcdc;overflow:hidden; width: 20px;} .brand .brand_list li{width: 140px;height: 70px;display: block;margin-bottom: 40px;} .brand .brand_list li em,.brand .brand_list li span{display: block; text-align: right; margin-right: 23px;} .brand .brand_list li.cur ,.brand .brand_list li:hover,.brand .brand_list li.cur span,.brand .brand_list li:hover span{color: #FFF; background: url(../img/index_bg2.png) no-repeat;} .brand_con{height: 300px;padding-top: 30px;overflow: hidden;} .brand_in{border-bottom:#dcdcdc solid 1px;width: 50%;min-height: 150px;float: left;display: block;position: relative;} .brand_in i{position: absolute;top: 30px;font-size: 50px;color: #33cfb4;} .brand_in h3,.brand_in span{ padding:0 60px 0 80px;display: block;} .brand_in h3{font-size: 18px;margin: 30px 0 20px;font-weight: 500;} /*视频*/ .videos{height: auto;padding: 100px 0;} .videos .videos-list{height: auto;} .videos .videos-list li{height: 430px;background-color: #2f2f2f} .v-left{width: 337px;padding: 80px 45px;} .v-title{font-size: 26px;color: #fff;line-height: 30px;font-weight: normal;} .v-title span{display: block;color: #fff;font-size:18px;margin-top: 10px;} .v-content,.v-links{font-size: 14px;color: #acacac;} a.v-links{cursor: pointer;} a.v-links:hover,a.v-links:hover i.i_youjiantou02{color: #fff} .v-links i.i_youjiantou02{color: #acacac;font-size: 22px;line-height: 24px;margin-left: 15px;} .v-content{height:122px;margin: 30px auto;} .v-content{margin: 30px auto;} .v-right{width: 772px;height: 430px;text-align: right;padding-right: 1px} .v-right video{outline: 0;margin-left: 6px;} /*动态数据*/ .dynamicData{height: 758px;} .dynamicData .container{height: 758px;background: url("../img/dataBG.png") no-repeat center;background-size: contain;} .data-list{padding: 137px 0;} .data-list li{height:242px;width:33.2%;border-right: 1px solid #4a5d6c; border-bottom: 1px solid #4a5d6c;float:left;color: #fff;text-align: center;} .data-list li.no-borderRight{border-right: 0px;} .data-list li.no-borderBottom{border-bottom: 0px;} .data-list li .data-number,.data-list li .data-text{padding: 0;color: #fff;} .data-list li .data-number{font-size: 70px;font-weight: bold;height: 70px;line-height: 70px;margin: 71px auto 0;} .data-list li .data-number .numberRock{font-size: 70px;color: #fff;line-height: 70px;height: 70px;} .data-list li .data-text{font-size: 18px;line-height: 22px;height: 22px;margin: 7px auto 0;} /* 新闻动态 */ .newsList .more a{display: block;width: 100%;height: 100%;line-height:48px;text-align: center;background-color: #fff;border: 1px solid #8b8b8b;font-size: 16px;} .newsList .more a:hover{color: #26ceb4;border: 1px solid #26ceb4;} .newsList .more a,.newsList .more a [class*="i_"] {color: #373737;} .newsList .more{position: relative;width: 160px;height: 48px;margin: 60px auto 0;} .newsList li{float: left;} /*.newsList .newsList-in img{margin-bottom: 10px;width: 272px;height: 160px; }*/ .newsList em{ font-size: 12px; color: #c2c2c2;} .newsList a{color: #373737;text-decoration: none;} .newsList li p{max-width: 100%;height: 22px;/*overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;*/} .newsList .hotNews-list li,.newsList .otherNews-list li{width: 370px;max-width: 370px;} .newsList .hotNews-list li{margin:0 15px 20px;} .newsList .hotNews-list li a{display: block;width: 100%;height: 100%;} .newsList .hotNews-list li img{width: 100%;height: auto;transition: all 0.5s;} .newsList .hotNews-list li .scaleImg{height: 170px;width: 370px;overflow: hidden;margin-bottom: 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .newsList .hotNews-list li:hover .scaleImg img{width: 102%;height: auto;transform: scale(1.01);} .newsList .hotNews-list li .title{width: 370px;height: 20px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 auto;text-align: left;font-size: 16px;} .newsList .otherNews-list li{height: 20px;margin: 0 15px 10px;position: relative;} .newsList .otherNews-list li a.otherNews-title p,.newsList .otherNews-list li em{color: #373737;line-height: 20px;height: 20px;font-size: 14px;} .otherNews-list li:hover a.otherNews-title p,.newsList .otherNews-list li:hover em,.newsList .hotNews-list li:hover a p.title{color: #26ceb4;} .newsList .otherNews-list li a.otherNews-title p{display:block;width: 290px;padding-right:80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0;} .newsList .otherNews-list li em{width: 80px;text-align: right;position: absolute;right: 0;top: 0} /*.newsList .newsList-in li{width: 260px;max-width: 260px;margin:0 20px 20px 20px;}*/ .mr30{margin-right: 30px;} /* 新闻动态 end*/ /*企业云*/ .title_line{width:100%;display:inline-block;position: relative;height:auto;margin: 70px 0 60px;} .title_line .title_line_con{ position: relative; margin:0 auto; height:100%; display: block; text-align: center;} .title_line .title_line_con span{position: relative;background:url("../img/title_line.jpg") no-repeat center left;font-size: 32px;padding: 0 100px;} .title_line .title_line_con span em{ position: absolute; right: 0; top:14px; background:url("../img/title_line.jpg") no-repeat; text-indent: -999px; overflow: hidden; width:74px;} .title_line .title_line_con.no-line span,.title_line .title_line_con.no-line span em{background: none;} /*企业云顶部广告*/ .cloud_wrap{margin: 0 auto;background:url("../img/cloud_bg.png") repeat-x top;padding:0;height: auto;position: relative;background-color: #FFF;} .cloud_topad{color: #FFF;width:910px;height: 226px;padding: 60px 0 134px;text-align: center;margin: 0 auto;} /*.cloud_topad div img {display:block;margin:0 auto; width: 340px;height: 267px;}*/ .cloud_topad p.desc{line-height: 28px;font-size: 16px;color: #FFF;} .cloud_topad h2.titles{font-size: 36px;line-height: 40px;height: 40px;color: #FFF;margin-bottom: 20px;} .cloud_topad a.links{margin: 45px auto 0;display: block;width: 160px;height: 46px;line-height: 46px;overflow: hidden;background: #FFF;text-align: center;color:#2f2f2f;font-size: 18px;padding: 0;} .cloud_topad a.links:hover{color: #000;box-shadow: 0 0 20px #4f4f4f;} /*企业云顶部广告 end*/ /*企业云功能 start*/ .funs{height: 782px;position: relative;} .funs-list{width: 1200px;margin: 0 0 0 -600px;position: absolute;top: -74px;left: 50%;} .funs-item{width: 214px;height:335px;margin:0 13px 26px;padding: 15px 30px;float: left;text-align: center;background-color: #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;box-shadow: 0 0 6px #e7e7e7;} .funs-item:hover{box-shadow: 0 0 10px #888888;} .funs-desc{text-align: left; font-size: 14px; color: #373737} h3.funs-name{font-size: 16px;line-height: 24px;color: #373737;margin-bottom: 16px;} /*企业云功能 end*/ /*Aems-系统组织架构 start*/ .aems-jiagou-wrap{background: url("../img/aemsBG.png") no-repeat center bottom;background-size:contain;padding-bottom: 160px;} .aems-jiagou{padding-top: 95px;} .jiagou-desc-top,.jiagou-desc-bottom{text-align: center;} .jiagou-desc-top .jiagou-descList,.jiagou-desc-bottom .jiagou-descList{display: inline-block;margin: 0 auto;text-align: left;} .jiagou-main li{float: left;} .jiagou-img{margin: 15px;} .jiagou-descList{background-color: #eaeaea;padding: 20px 0;border:1px solid #d2d2d2;!important;border-radius: 12px;} .jiagou-descItem{border-left: 1px solid #d2d2d2;padding: 0 30px;float: left;} .jiagou-descItem > p{font-size: 14px;color: #2f2f2f;line-height: 26px;} li.jiagou-descItem:first-child{border-left: 0;} .jiagou-desc-left, .jiagou-desc-right{margin-top: 170px;} .jiagou-desc-left .jiagou-descList,.jiagou-desc-right .jiagou-descList{margin-bottom: 60px;} /*Aems-系统组织架构 end*/ /*产品介绍*/ .fourClients{padding: 90px 0 110px;} #proBannerPage.swiper-container{height: 300px;} #proBannerPage span.swiper-pagination-bullet{width: 10px;height: 10px;background: none;border: 1px solid #fff;opacity: 1;} #proBannerPage span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;} .clients-list{margin: 0 auto 90px;} .clients-item{float: left;text-align: center;width: 25%;} .clients-item img.clientPic{width: 160px;height: 160px;} .clients-item .clientName{font-size:20px;color: #373737;line-height: 24px;margin: 12px auto;} .clients-item .clientDesc{font-size:16px;color: #888;line-height: 20px;margin: 0 auto;} .clientDetail-wrap{height: 690px;width: 1400px;background-color: #e9e9e9;padding: 0;margin: 0 0 0 -100px;} .clientDetail-wrap .swiper-container.clientDetail{width: 1400px;height: 690px;} .detail-item{padding: 60px 60px 0;height: 630px;width: 1280px;} .detail-item-left,.detail-item-right{float: left;} .detail-item-left{margin: 90px 0 0 60px;width: 420px;} .detail-item-right{width: 680px;height: 630px;text-align: center;} .detail-item-right img{width: 630px;height: 630px;} .detail-item-left h4.name{font-size: 30px;color: #373737;} .detail-item-left p.desc{font-size: 20px;color: #373737;margin: 12px auto 30px;font-weight: 400;} p.youShi-item{font-size: 16px;color: #373737;line-height: 20px;margin-bottom: 20px;} #clientDetail .swiper-button-prev,#clientDetail .swiper-button-next {height: 50px;width: 50px;line-height: 50px;border-radius: 25px;font-size: 30px;background: #fff;top: auto;right: 50px;left: auto;text-align: center;} #clientDetail .swiper-button-prev i.i_up:before,#clientDetail .swiper-button-next i.i_down:before{line-height: 50px;text-align: center;margin: 0 auto;} #clientDetail .swiper-button-prev:hover,#clientDetail .swiper-button-next:hover{box-shadow: 0 0 10px #d2d2d2;} #clientDetail .swiper-button-prev{bottom: 90px;} #clientDetail .swiper-button-next{bottom: 26px;} .pageNavMain {position: absolute;right: 75px;top: 50%;width: 100px;height: 160px;padding: 15px 0;margin-top: -95px;border-right: 1px solid #d3d3d3;z-index: 9;} .pageNav{position: relative;width: 100px;height: 40px;cursor: pointer;} .pageNav.pgActive .pgText{font-weight: bold;} .pageNav .pgBullets{position: absolute;width: 7px;height: 7px;border-radius: 50%;right:-4px;top: 16px;background-color: #bdbdbd;} .pageNav.pgActive .pgBullets{height: 13px;width: 13px;right: -8px;top: 13px;background-color: #fff;border: 1px solid #6c6c6c;} .pageNav.pgActive .pgBullets:before{content: '';display:block;width: 9px;height: 9px;background-color: #6c6c6c;position: absolute;top: 2px;left: 2px;border-radius: 50%;} .pageNav .pgText{display: block;width: 100%;height: 40px;line-height: 40px;} .detail-item-left .ziXun{width: 160px;display: block;height: 32px;line-height: 32px;padding: 10px;background-color: #fff;text-align: center;border-radius: 32px;font-size: 18px;margin-top: 30px;} .detail-item-left a.ziXun:hover{width:180px;-webkit-transition: width .5s ease;transition: width .5s ease;} /*优势对比*/ .youshi_compare{padding: 0.7rem 0 0.6rem;color: #fff;background: url("../img/compare_bg.png") no-repeat center top;min-height: 610px;} .youshi_compare .title_i.titleCeter h3.title-cn{font-size: 32px;line-height: 36px;height: 36px;color: #fff;margin: 0 0 16px 0;font-weight: bold;} .youshi_compare .title_i.titleCeter p.title-sub{font-size: 18px;line-height: 20px;height: 20px;color: #fff;} .compare_logo{width: 100%;margin: 0 auto 44px;text-align: center;} .compare_logo>img{width: 200px;height: auto;} ul.compare-list{font-size: 0;margin: 0 auto;width: 100%;} ul.compare-list li.compare-item{font-size: 0;margin: 0 auto;width: 100%;} ul.compare-list li.compare-item .left-info,ul.compare-list li.compare-item .right-info{width: 50%;display:inline-block !important;*display:inline;zoom:1;margin-bottom: 24px;} ul.compare-list li.compare-item .left-info .title,ul.compare-list li.compare-item .left-info .desc{text-align: right;color: #fff;} ul.compare-list li.compare-item .right-info .title,ul.compare-list li.compare-item .right-info .desc{text-align: left;} .compare-item .desc{color: #ababab !important;font-size: 16px;margin-top: 8px;line-height: 18px;height: 18px;} .compare-item .right-info .title{color: #33cfb4;} ul.compare-list li.compare-item .left-info .title,ul.compare-list li.compare-item .right-info .title{font-size: 24px;line-height: 30px;height: 30px;margin-top: 0;margin-bottom:0;font-weight: bold;float: none;} ul.compare-list li.compare-item .left-info{margin-left: -48px;padding-right: 48px;} ul.compare-list li.compare-item .right-info{margin-right: -48px;padding-left: 48px;} /*ul.compare-list li.compare-item .left-info .title,ul.compare-list li.compare-item .right-info .title{color:#fff;}*/ .right-info-icon{color: #33cfb4;margin-left: 5px;} .left-info-icon{color: #ff3f3f;margin-right: 5px;} i.left-info-icon:before,i.right-info-icon:before{margin: 0;} /*产品介绍-end*/ /*应用价值*/ .title{width: 100%; display: block; position: relative; float: left; margin:60px 0;} .title span{display: block; width: 330px; margin-left:36%; background:url("../img/qiyeyun03.png") no-repeat center; } .title span h3{text-align: center; font-size:32px;} .vaule {padding: 30px 0 90px;max-height: 500px;overflow: hidden;display: block;width: 100%;} .vaule ul {position: relative;} .vaule li{max-width: 267px;padding: 0 65px;border-right: #d7d7d7 solid 1px;border-left: #d7d7d7 solid 1px;height: 372px;max-height: 372px;vertical-align: top;} .vaule li:first-child,.vaule li:last-child {border:0;} .vaule .f1{ margin-bottom: 10px; position: relative ;text-align:center; width: 100%; height: 220px; background:url("../img/qiyeyun04.png") no-repeat top center; } .vaule .up h3{font-size: 24px;width:100%;text-align:center;padding: 15px 0;} .vaule .up {text-align: center;} .vaule .up img {width: 147px;height:auto;margin-bottom: 25px;} .vaule li .vaule_txt p{background:url("../img/qiyeyun_dian.png") no-repeat 0 13px;padding-left: 16px;line-height: 28px;font-size: 16px;text-align: left;} /*应用价值 end*/ /*产品主要功能模块*/ .functionBox2, .functionBox,.customercaseBox {background-color: #F7F7F7;padding:30px 0 60px;max-height: 820px;} .functionBox ul.Li3 {text-align: left;} .functionBox ul.Li3 li{/*width: 33.3%;*/ width: 399px; max-width: 400px;text-align: left;cursor: pointer;} .function{ zoom: 1; background: #FFF; padding: 30px;width: 338px; height: 120px; border-bottom: #efefef 1px solid;} .function .f-title {font-size:18px;height: 60px;} .function i {font-size:38px; color: #94d9cd;} .function p{font-size: 14px; line-height: 26px;} .functionBox ul.Li3.functionList li:hover .f-title i{color: #33cfb4;} /*产品主要功能模块end*/ /*协同合作 多端应用*/ .apps {padding-top: 100px;padding-bottom: 30px;} .apps .fl {width: 300px;max-width: 300px;} .apps .fr {width: 900px;max-width: 900px;} .apps .app_in{text-align: center;width: 100%;height: 105px;position: relative;background-color: #33cfb4;padding-top: 135px;} .apps .app_in p {color: #FFF;line-height: 1.75;} .apps .images{position:absolute;left: 0;right: 0;margin: 0 auto;top: -92px;} .apps-icon{height: 100%;width: 100%;margin-left: -1px;background-color: #F7F7F7;} /* 字体渐变 没有hack */ .apps-icon [class*="i_"] {font-size: 80px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(64,234,205, 1)), to(rgba(36,191,164, 1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .apps-icon ul.Li3{ height:100%;} .apps-icon ul.Li3 li {padding: 40px 0;max-height: 242px;overflow: hidden;width: 33%;background-color: #F7F7F7;border-right: 1px #d5d5d5 solid;} .apps-icon ul.Li3 li p {padding-top: 15px;} .apps-icon ul.Li3 li:last-child {border:0;} .apps-icon ul.Li3 li:hover {background-color: #FFF;} .apps-icon [class*="i_"]::before{margin-right: 0;} /*协同合作 多端应用 end */ /*客户案例 */ .case-banner-txt{width: 1050px;margin: 0 auto;min-height: 300px;position: relative;} .case-banner-txt>p{font-size: 18px;line-height: 40px;color: #fff;width: 50%;position: absolute;top: 50%;left: 0;margin: -60px 0 0 0;display: block;text-align: left;} .customercaseBox .container{width:1354px;} .customercaseBox .com-scroll{margin: 0 auto;width: 1240px;height: 580px;position: relative;overflow: hidden} .customercaseBox .com-scroll .com{list-style-type: none;padding: 0;margin: 0;position: absolute;top: 0;left: 0;width: 99999px;} .customercaseBox .com-scroll .com li {width: 1240px;float: left;} .customerCase>div a{display: block;width: 100%;position: relative;text-align: center;} .customerCase>div{float: left;display: block;text-align: center;background-color: #FFF;margin: 0 20px 20px 0;overflow: hidden;position: relative; } .customercaseBox .prev, .customercaseBox .next {width: 42px;height: 82px;position: absolute;top:50%;} .customercaseBox .prev {left:0; background-image: url("../img/arrow-prev.png")} .customercaseBox .next { right:0;background-image: url("../img/arrow-next.png");} .customerCase>div img{width: 290px; overflow: hidden; height: 173px;} .customerCase>div p{ display: none; } /* .customerCase>div:hover{box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.15);-o-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.15);-ms-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.15);-webkit-transition: box-shadow 0.5s, transform 0.5s;-moz-transition: box-shadow 0.5s, transform 0.5s;-o-transition: box-shadow 0.5s, transform 0.5s;-ms-transition: box-shadow 0.5s, transform 0.5s;transition: box-shadow 0.5s, transform 0.5s;} */ .customerCase>div:hover p {display: block;position: absolute;bottom: 25px;top: 0;left: 0;right: 0;color: #fff;/* width: 100%; */height: 155px;z-index: 11;padding: 8px 15px 8px 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;font-size: 14px;line-height: 1.65;transition: all .5s ease;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACtAQMAAAAu4eBMAAAAA1BMVEUAAACnej3aAAAAAXRSTlNhelOJqAAAAB1JREFUWMPtwTEBAAAAwiD7pzbGHmAAAAAAAACEDhmuAAH+WSxlAAAAAElFTkSuQmCC'); } /*客户案例 end */ /*企业云 end*/ /*技术服务*/ .serviceList {padding:0 ;margin:0;} .serviceList li {background-color: #FFF;} .serviceList li:nth-child(even) {background-color: #f7f7f7;} .service_con {width: 100%;min-height: 480px;height: 420px;overflow: hidden;} .service_con .fl,.service_con .fr {width: 550px;position: relative;height: 100%;} .service_con .fr {width: 580px;} .service_con .fl img,.service_con .fr img {display: block;margin:0 auto;position: absolute;/*left: 0;right: 0;*/top: 15%;} .service_con h2{font-size: 36px;} .service_con p{font-size: 16px;padding: 5px 0 5px;line-height: 28px;} .serviceList .s_intro00{color: #535353;text-transform: uppercase;padding: 33px 0;background: left top no-repeat;} .service_con .s_text {margin-top: 12px;} /*技术服务 end*/ /*案例*/ .classic {min-height: 700px;} .classic .title{margin: 30px 0 60px 0;} .classic .title span h3 {font-weight: 500;} .classicList ul{width: 100%;height: 51px;border-bottom: 2px #e5e5e5 solid;display: block;float: left;} .classicList li{float: left;display: block;width: 140px;height: 50px;overflow: hidden;text-align: center;border: 1px #e5e5e5 solid;} .classicList li span,.classicList li a {padding: 12px 0;height: 53px;line-height: 53px;font-size: 16px;cursor: pointer;} .classicList li:hover span,.classicList li.cur span, .classicList li:hover a,.classicList li.cur a{color: #33cfb4;border-bottom: #33cfb4 solid 3px;} .classicL {padding:38px 0; border-bottom: 1px #e6e6e6 solid;} .classicL img {width: 298px; height:202px;} .classic-case {border-bottom:#efefef solid 1px; overflow: hidden; padding:40px 0;} .classicL h2{font-size: 18px; padding-bottom:18px;} .classicL p{line-height: 24px;text-indent: 28px;min-height: 120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;margin-bottom: 10px;} .classicL span{font-size: 14px;line-height: 2;} .classicL b{color:#33cfb4;} /*案例 end*/ /*新闻动态*/ .news_main .picture{min-height: 168px;} .newsList-container{padding: 36px 0;} .newsList-container .news_list{display: block;width: 1100px;height: 160px;max-width: 100%;margin: 0 3% 40px 0;overflow: hidden;background-color: #fff;padding:34px 50px;position: relative;} .newsList-container .news_list:hover{box-shadow: 0 0 20px #e7e7e7} .newsList-container .news_list .newsDate{width: 80px;height: 160px;float: left;} .newsList-container .news_list .newsDate span.newsDate-dd{display: block;font-size: 38px;line-height: 38px;height: 38px;color: #373737;width: 100%;text-align: center;padding-bottom: 10px;margin-top: 45px;} .newsList-container .news_list .newsDate span.newsDate-yymm{display: block;font-size: 18px;line-height: 22px;color: #373737;width: 100%;text-align: center;} .newsList-container .news_list h3.news_title{font-size: 24px;font-weight: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: auto;line-height: 32px;max-height: 64px;margin: 0;} .newsList-container .news_list p.news_desc{line-height: 24px;height: auto;font-size: 14px;max-height: 72px;margin: 24px 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .newsList-container .news_list img{width: 270px;height: 160px;float: left;margin: 0 30px;border-radius: 10px;} .news_list_b span.moreLink{ height: 30px; display: block; float: left; margin-right: 23px; border-bottom:#33cfb4 solid 2px;} .news_list_b a:hover{ color: #33cfb4; } .newsList-container .news_list_b span{color: #888;font-size: 14px;position: absolute;right: 50px;bottom: 14px;} /*.news_list{max-width: 550px;margin: 0 3% 40px 0;overflow: hidden;height: 479px;max-height: 479px;}*/ /*.news_list h3{font-size:24px;font-weight:inherit;margin-top: 18px;height: 68px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}*/ /*.news_list p{margin:18px 0;height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}*/ /*.news_list_b span.moreLink{ height: 30px; display: block; float: left; margin-right: 23px; border-bottom:#33cfb4 solid 2px;}*/ /*.news_list_b a:hover{ color: #33cfb4; }*/ /*.news_list_b span{color: #373737;font-size: 14px;}*/ /*.news_list img {width: 100%; max-width: 550px;height: 279px;border-radius: 10px;}*/ /* 文章详情 */ .news_detail{background-color: #FFF;padding:30px 80px;margin: 30px 0 60px;min-height: 888px;} .news_detail .sup a:hover,.sup a:hover{color:#33cfb4;} .news_detail .sup,.news_detail .sup a i, .sup,.sup a i{ font-size: 12px; padding: 0 5px;} .news_detail .sup {height: 20px;margin-bottom: 30px;} .news_detail h1{ text-align: center; font-size: 28px; padding-top:30px;border-top: #efefef solid 1px;} .news_detail .abstract{ width: 100%; margin: 23px 0;} .news_detail .abstract span{margin-right: 18%;font-size: 14px;} .news_detail .abstract .fx{ float: right;width: auto;text-align: right;} .news_detail_con p{font-size:14px;line-height: 32px!important;} .news_detail_con img{ display: block;margin:18px auto!important;} /*文章详情（新的，20191204）*/ .news_detail_wrap{background-color: #fff;padding:30px 10px;margin: 30px 0 60px;} .news_detail_wrap .news_detail{width: 780px;padding: 0;margin: 0 60px 0 60px;float: left;} .news_detail_wrap .news_detail h1{border-top: 0;padding-top: 5px;} .news_detail_wrap .news_detail .news_detail_con{border-bottom: 1px solid #e2e2e2;padding-bottom: 30px;margin-bottom: 20px;} .news_detail_wrap .news_detail .news_detail_con img{width: 100%;height: auto;margin: 0 auto !important;} .news_detail_wrap .news_detail_slide{width: 278px;float: left;border: 1px solid #e2e2e2;border-top: 4px solid #33cfb4;} .news_detail_wrap .news_detail .abstract{margin: 20px 0 30px;text-align: center} .news_detail_wrap .news_detail .abstract span{margin:0 4%;} .share-box.caseShare{width: 60px;position: fixed;top: 30%;left: 50%;margin-left: -680px;} /*填写信息*/ .setInfos{width: 100%;margin: 45px auto 0;} .setInfos .right{width: 450px;float: left;} .setInfos .left{width: 420px;float: left;height: 82px;margin-top: 40px;} .setInfos .left .codes,.setInfos .left .texts{float: left;} .setInfos .left img.codes{height: 100%;} .setInfos .left .texts{height:100%;margin-left:15px;} .setInfos .left .texts p.texts-top{margin: 14px 0 8px;font-size: 20px;line-height: 24px;height: 24px;} .setInfos .left .texts p.texts-bottom{margin: 0;font-size: 16px;line-height: 20px;height: 20px;} .inputBox{margin: 0 0 12px;} .inputBox input.input-col4,.inputBox input.input-col12{height: 42px;border: 1px solid #e2e2e2;border-radius: 4px;text-indent: 6px;margin-right: 9px;outline: none;} .inputBox input.input-col4:focus,.inputBox input.input-col12:focus{border:1px solid #33CFB4;} .inputBox input.input-col4{width: 138px;float: left;} .inputBox input.input-col12{width: 436px;} .inputBox button.input-col12{width: 436px;background-color: #33CFB4;border: 1px solid #33cfb4;color: #fff;font-size: 18px;outline: none;line-height: 42px;height: 42px;text-align: center;border-radius: 4px;cursor: pointer;} /*文章详情右侧*/ .news_detail_wrap .news_detail_slide .qrcode{height:80px;border-bottom: 1px solid #e2e2e2;padding: 15px;} .qrcode img.qrcode-img,.qrcode i.qrcode-text{float: left;height: 80px;width: auto;} .qrcode i.qrcode-text{margin-left: 15px;font-size: 16px;line-height: 24px;height:48px;padding:16px 0;color: #373737;font-style: italic;text-align: left;} .rightNews_list .title,.rightCases_list .title{margin: 0 auto 20px;position: relative;} .rightNews_list .title:before, .rightCases_list .title:before{content: '';display: block;width: 3px;height: 16px;position: absolute;left: 0;top: 2px;background-color: #33cfb4;} .rightCases_list .title:before{left:5px;} .rightNews_list .title .texts,.rightCases_list .title .texts{font-size: 16px;line-height: 20px;height: 20px;font-weight: normal;width: 60%;text-align: left;float: left;text-indent: 8px;} .rightNews_list .title .mores,.rightCases_list .title .mores{font-size: 12px;line-height: 20px;height: 20px;width: 40%;float: left;text-align: right;} .listMain.news{padding: 0;margin: 0;} .listMain.news .item{margin: 0 auto 20px;display: block;} .listMain.news .item-img{width: 246px;height: 132px;overflow: hidden; margin: 0 auto;} .listMain.news .item-img img{width: 100%;height: auto;overflow: hidden;} .item-title{margin: 12px auto 0;text-align: left;font-size: 14px;line-height: 20px;max-height:40px;color: #373737;} .rightNews_list{border-bottom: 1px solid #e2e2e2;padding: 15px;} .rightCases_list{padding: 15px 10px;} .rightCases_list .title{padding: 0 5px;width: 248px;} .rightCases_list .listMain.cases .item{width: 45%;height: auto;display: block;overflow: hidden;padding: 0 2.5%;margin: 0 0 18px;float: left;} .rightCases_list .listMain.cases .item .item-title{margin: 8px auto 0;font-size: 14px;line-height: 18px;height: 18px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .rightCases_list .listMain.cases .item .item-img{width: 100%;height: 115px;overflow: hidden;border-radius: 5px;} .rightCases_list .listMain.cases .item .item-img img{width: auto;height: auto;overflow: hidden;text-align: center;margin: 0 auto;display: block;} .mores i.i_boldright{font-size: 12px;margin: 0;padding: 0;vertical-align: baseline;} .mores i.i_boldright:before{margin: 0;} .fontGreen{color: #26ceb4!important;} /*新闻动态 end*/ /*下载*/ .download_title{width: 100%; display: block; border-bottom:#efefef solid 1px;} .download_title strong{display: block; width: 80px; font-size: 24px; border-bottom:#33cfb4 solid 2px;} .download_wrap{width: 100%;position: relative;/* overflow:hidden; */} .download_con{padding: 25px 0 50px;float: left;max-height: 250px;width: 100%;} .icon_con{text-align: center;max-width: 220px; } .download_con .icon{ padding:10px 0; padding-left: 40px;} .download_con .icon .icon_con{width: 135px; text-align:center;} .download_con .icon_con [class*="i_"] {font-size: 80px; color: #d4dbdc;} .download_con .icon_con span {font-size: 18px;} .download_con .icon span{ font-size: 18px; padding:15px 0;} .download_con .d_intro{padding: 30px 0 0;max-width: 720px; } .download_con .d_intro span{ padding-top:23px; display: block; color: #aeaeae; font-size: 14px;line-height: 1.5;} .download_con [class*="btn-"]{position: absolute;top: 45%;right: 0;} /* fanin 效果 */ @-webkit-keyframes fadeInFromNone {0% {opacity: 0}1% {opacity: 0}100% {opacity: 1}} @keyframes fadeInFromNoneIE {0% {opacity: 0}1% {opacity: 0}100% {opacity: 1}} @keyframes fadeInFromNone {0% {opacity: 0}1% {opacity: 0}100% {opacity: 1}} .download_con .span2 {text-align: right;height: 100%;position: relative;} .download_con .mobile{position: relative;display: inline-block;padding: 30% 0;width: 100%;} .d_code {display: none; } .mobile:hover .d_code{display: block; position: absolute;top: -60px;z-index: 11;min-width: 123px;right: 2.5%;height: 123px;animation-duration: 0.5s;animation-name: fadeInFromNone;animation-fill-mode: forwards;-webkit-animation-duration: 0.5s;-webkit-animation-name: fadeInFromNone;-webkit-animation-fill-mode: forwards;-ms-animation-duration: 0.5s;-ms-animation-name: fadeInFromNoneIE;-ms-animation-fill-mode: forwards;} .mobile .d_code img{display: block;width: 123px;height: 123px;} /*下载 end*/ /*关于我们*/ .about_main .picture{min-height: 168px;} .contect_wrap{ background: #FFF; height: auto; overflow: hidden; clear: both; margin-bottom:90px;} .contect_list ul {width: 921px;height: 58px;overflow: hidden;border-bottom: 1px #ebebeb solid;margin: 0 auto;} .contect_list li {display:block;font-size: 18px;float: left;width: 303px;text-align:center;padding: 0px;cursor: pointer;height: 58px;background-color: #eee;margin: 0 2px;} .contect_list li span{line-height: 58px;height: 58px;font-size: 18px;display: block;width: 100%;overflow: hidden;} .contect_list li.cur,.contect_list li:hover{background-color: #33cfb4;color: #fff;} .contect_list li.cur span,.contect_list li:hover span{color: #fff;} .contect_con .contect_con_us{padding: 0;overflow: hidden;} .contect_con .contect_con_us .introduce{width:915px;min-height: 300px;margin: 0 auto;padding: 60px 0;} .contect_con .contect_con_us .introduce.container{width:1200px;} .contect_con .contect_con_us .introduce.lgWid{width:100%;min-width:915px;min-height: 300px;margin: 0 auto;padding: 60px 0;} .contect_con .contect_con_us .introduce.lgWid .introduce-inner{width: 915px;margin: 0 auto;} .contect_con .contect_con_us .introduce.intr03{margin: 0 auto;background: url("../img/introduce03-bg.png") no-repeat center;} .contect_con_us .introduce.intr03 h4.about_introduce_title,.contect_con .introduce.intr03 p{color: #fff;} .teamData{padding: 30px;border-radius:10px;background-color: rgba(255,255,255,0.15);margin:50px auto 0; } .teamData-item:first-child{border-left: 0;} .teamData-item{width:33.2%;height: 107px;padding: 10px 0;float: left;text-align: center;border-left: 1px solid #526991;} .techNums{font-size: 72px;line-height: 72px;font-weight: bold;color: #fff;} .techNums-right{font-size: 28px;line-height: 28px;font-weight: bold;color: #fff;} .techNums-right.vtLignTop{line-height: 36px;vertical-align:top;} .techNums-text{margin-top: 10px;} .classic-con{ width:915px; min-height: 300px; margin: 0 auto;} .contect_con h2{font-size: 30px; padding:0 0 0 ;} .contect_con_us h4.about_introduce_title{font-size:30px;text-align:center;height: 120px;padding: 0;line-height: 120px;margin: 0 auto 20px;} h4.about_introduce_title.tbg01{background: url("../img/ab-title01.png") no-repeat center;} h4.about_introduce_title.tbg02{background: url("../img/ab-title02.png") no-repeat center;} h4.about_introduce_title.tbg03{background: url("../img/ab-title03.png") no-repeat center;} h4.about_introduce_title.tbg04{background: url("../img/ab-title04.png") no-repeat center;margin: 30px auto 60px;} .contect_con_us h3{ font-size: 20px; padding-bottom: 10px;} /* .introduce {padding: 80px;} */ .contect_con p{font-size: 14px; line-height: 24px;} .contect_con .introduce p{font-size: 16px;} .introduce-imgs{padding: 30px 0;} .introduce-imgs img{width: 300px;height: 193px;margin: 0 2px;float: left;} .bottomLine [class*="span"] {padding:0 0 40px;/* border-bottom: #efefef solid 1px;*/} /*关于我们--联系我们*/ .contect_con_us.zmd_address{width: 915px;margin: 32px auto 0;border: 1px solid #e0e0e0;} .zmd_address-txt{padding: 40px;} .contect_con .zmd_address-txt h2{font-size: 20px;line-height: 24px;margin-bottom: 12px;} .contect_con .zmd_address-txt p{color: #888;font-size: 16px;line-height: 22px;margin-bottom: 8px;} .QR-Codes{margin-top: 40px;} .about-qrCode{width: 50%;float: left;text-align: center;} .contect_con .zmd_address-txt .about-qrCode>p{color: #373737;margin-top: 4px;font-size: 14px;} .zmd_address-map{height: 400px;} /*关于我们--加入我们*/ .zmd_joinUS{width: 915px;margin: 50px auto;} .zmd_joinUS-head{margin: 0 auto 40px;} .baozhang-img,.baozhang-list{float: left;} .baozhang-img{width:150px;height:180px} .baozhang-list{width: 740px;margin: 0 0 0 25px;} .baozhang-item{margin-bottom: 16px;width: 50%;float: left;} .bz-num{display: block;width: 30px;height: 30px;line-height: 30px;font-size: 18px;text-align: center;color: #fff;float: left;margin-right: 14px;background-color: #33cfb4;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .bz-num + p{float:left;color: #373737;font-size: 14px;line-height: 30px;text-align: left;} .zmd_joinUS-list{} .joinUS-item{border: 1px solid #e0e0e0;padding: 20px 30px;margin:0 auto 20px;height: 24px;overflow: hidden;-webkit-transition: height .5s ease;transition: height .5s ease;} .joinUS-item.active{height:auto;-webkit-transition: height .5s ease;transition: height .5s ease;} .joinUS-item .zhiweiTitle,.zhiweiTitle .i_up,.zhiweiTitle .zhiweiOperate{height: 24px;line-height: 24px;} .joinUS-item .zhiweiTitle{padding: 0 0 20px;position: relative;cursor: pointer;} .zhiweiTitle .i_up{position: absolute;right: 0;top: 0;color: #c2c2c2;} .zhiweiTitle .i_up:before{margin-right: 0;} .joinUS-item.active .zhiweiTitle .i_up:before{content: "\e609";} .zhiweiTitle .zhiweiOperate{width: 50%;display: block;position: absolute;right: 30px;top: 0;text-align: right;} .zhiweiOperate .i_weibiaoti,.zhiweiOperate span{color: #868686;} .contactInfo{font-size:14px;color:#0082fb;text-align: right;} span.zhiweiName{font-size: 20px;line-height: 24px;font-weight: bold;} /*关于我们 end*/ /*渠道代理*/ ul.reasonList{width:100%;font-size: 14px;text-align: center;color: #FFF;position: relative;display: inline-block;margin-bottom:60px;height: 570px;overflow: hidden;} ul.reasonList em{font-size: 24px;color: #FFF;display: block;padding-bottom: 15px;} ul.reasonList li{width: 25%;height:573px;overflow: hidden;position: relative;} ul.reasonList .why{display: block;width: 475px;height: 559px;transition: all .5s ease;} ul.reasonList li:hover .why{opacity: 1; -webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-size: 110%;} ul.reasonList .why>div {padding:30% 0;position: absolute;left: 0;right:0;} ul.reasonList .why [class*="i_"]{font-size: 76px;color: #33cfb4;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(38,191,183, 1)), to(rgba(52,138,218, 1)));-webkit-background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} ul.reasonList .why>div p,ul.reasonList .why span{ color: #FFF; display: block; } ul.reasonList .why>div .img, ul.reasonList .why>div [class*="i_"] {padding-bottom: 20px;} .provide {background-color: #fff;margin: 0 auto;} .provide li h3{font-size: 24px; padding-bottom:20px;} .provide li{display: block; width:31%!important; height: 200px; background: #FFF; float: left; margin:0 20px 20px 0;position: relative;cursor: pointer;} .provide .fl{position: absolute;top: 35%;left: 60px; } .provide .fl [class*="i_"] {font-size:72px;line-height: 60px;} .provide .fr{width: 220px;text-align: left;padding: 30px 0;} .provide li:hover {-moz-box-shadow: 0px 0px 15px 0px rgb( 14, 105, 89 );-o-box-shadow: 0px 0px 15px 0px rgb( 14, 105, 89 );-ms-box-shadow: 0px 0px 15px 0px rgb( 14, 105, 89 );box-shadow: 0px 0px 15px 0px rgb( 14, 105, 89 );-webkit-transition: box-shadow 0.5s, transform 0.5s;-moz-transition: box-shadow 0.5s, transform 0.5s;-o-transition: box-shadow 0.5s, transform 0.5s;-ms-transition: box-shadow 0.5s, transform 0.5s;transition: box-shadow 0.5s, transform 0.5s;} .provide .container {width: 1220px;} .aems {height: 390px;background-size: cover;} .aems .container {width: 1040px;} .aems .title_line .title_line_con span, .aems .title_line .title_line_con span em{background: url("../img/title_line_w.png") no-repeat center left;} .aems ul{background-color: transparent;padding: 0;margin: 0;} .aems ul li{display: block;float: left;width: 20%;padding: 15px 0;background-size: contain;padding-left: 40px;font-size: 18px;color: #FFF;background-position: left center;margin-bottom: 20px;height: 20px;background-image: url("../img/dian.png");background-color: transparent;background-size: inherit;line-height: 20px;} .aems ul li:nth-child(4), .aems ul li:nth-child(8) {float: right;} .condition{width: 33%;float: left;margin-bottom: 70px;text-align: center;} .condition .In{text-align: center;margin: 0 auto;} .condition .In h3{font-size: 24px;padding: 20px 0 10px;} .way{height: 485px; text-align: center;} .way img{ width: 178px; height: 178px;} .way p{font-size: 28px; padding:10px 0;} /*渠道代理 end */ /* 产品 */ .bb {border-bottom:1px #ebebeb solid; } .proList {padding:50px 0;background-color: #FFF;} .proList .container{width: 1230px;} .proList ul li {width: 380px!important;margin: 0 30px 30px 0;text-align: left;} .proIn {border: 1px #ebebeb solid;background-color: #FFF;} .proIn h3 span{ color: #33cfb4;} .proIn .en {color: #cbcbcb;font-size: 14px;} .proIn div>img{display: block;width: 330px;height: 190px;} .p-msn .price,.proIn .price,.details .rightbox .price{font-size:30px;color: #33cfb4;font-weight: 600;} .p-msn .price em,.proIn em{color: #888;font-size: 16px;font-weight: 500;} .proIn .proIntro,.details .rightbox .proIntro{margin-top: 20px;margin-bottom: 8px;width: 100%;font-size: 16px;height: 45px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2} .proIn .b-r-green {width: 308px;min-width: 308px;display: inline-block;text-align: center;padding: 5px 15px;margin-top: 20px; } .proList ul.Li3 {text-align: left;} /* 产品详情 */ .shop_details_down {padding-bottom: 74px;} .shop_details{display: inline-block;height: 510px;margin: 0 0 30px;position:relative;width: 100%;} /*放大镜*/ .details {float: left;width: 1130px;background-color: #FFF;height: 436px;padding: 35px;overflow: hidden;} #leftbox{width: 524px;z-index:9;position:absolute;} #showbox {background:#eee;right: 0;/* border: 1px #e6e6e6 solid; */overflow: hidden;} #showbox span {background:url(../images/shopdetail/whitebg.png) repeat;} #showsum span {border:1px solid #ddd;} #showsum span.sel { border:1px solid #34d0b3;} #showsum p {left:0!important;} .rightbox {width: 606px;float: right;height: 100%;} .rightbox .px35 {height: 300px;padding-right: 0;} .rightbox .type {padding: 26px 0; border-bottom:1px #e6e6e6 dashed; } .rightbox .type:last-child {border-bottom: 0;} .probox .fr {width: 100%;height: 100%;} .shopsee .shop_pro p{height: 24px;line-height: 24px;font-size:14px;overflow: hidden;margin-top: 5px;} .probox_in {float: left;background-color: #FFF;max-width: 1200px;width: 1200px;min-height: 700px;} .probox_title {border-bottom: 1px #e6e6e6 solid;display: block;float: left;width: 100%;} .probox_content {/* padding:25px 81px; */float: left;} .details .rightbox .span8 {text-align: left;} .details .rightbox .span2 {max-width: 70px;} .details .rightbox .proIntro {margin-top: 10px;border-bottom: 2px #ebebeb dashed;} .details .rightbox .price {padding-top: 15px;padding-bottom: 15px;} .details .btnBox {margin-top: 50px;} .details .btnBox a,.details .btnBox [class*="tn-"] {margin-right: 15px;} .details .btnBox [class*="tn-"] i::before { color: #33cfb4;} /* style */ #style li {min-width: 72px;height: 32px;text-align: center;line-height: 32px;border:1px #373737 solid;display: block;float: left;margin: 0 15px 15px 0;padding: 0 15px;cursor: pointer;} #style li.selected {color: #34d0b3; border-color: #34d0b3;} #style li.prodown {border-color: #888;cursor: no-drop;color: #f7f7f7;background-color: #888;} /* tabs detail */ .probox_title span,.probox_title a, .probox_title li{/*background-color: #34d0b3;*/padding:14px 67px;font-size: 18px;display: block;float: left;cursor: pointer;} .probox_title li.cur{background-color: #34d0b3;color: #fff;} /* 页码 */ .pagination {text-align: center;width: 100%;max-width: 1200px;margin: 0 auto 60px auto;} .pagination li {display: inline-block;*display:inline;zoom:1;_height:250px;border: 1px #e6e6e6 solid;padding: 5px 10px;margin-right: 10px;} .pagination li.active {border-color: #33cfb4;color: #fff;background-color: #33cfb4;} .pagination li span,.pagination li a {font-size: 14px;} .pagination li span {} .pagination li a {} .pagination li.disabled span {color: #E6E6E6;cursor: pointer;} /* 分享 修改背景图 */ .news_detail .abstract .jiathis_style_32x32 .jtico {width: 24px!important;height: 24px!important;line-height: 24px!important;font-size: 0;margin-right: 0;padding-right:0;padding-left: 0!important; } .news_detail .abstract .jiathis_style_32x32 {display: inline-block;*display:inline;zoom:1;_height:250px;vertical-align: middle; } .news_detail .abstract .jiathis_style_32x32 a{margin-right: 5px;display: block;float: left; } .news_detail .abstract .jiathis_style_32x32 .jtico_tsina, .news_detail .abstract .jiathis_style_32x32 .jtico_weixin {background-position: 50% 50%!important;} .news_detail .abstract .jiathis_style_32x32 .jtico_tsina{background: url("../img/new_sina.jpg") no-repeat left!important;} .news_detail .abstract .jiathis_style_32x32 .jtico_weixin{background: url("../img/new_wixin.jpg") no-repeat left!important;} /* 购买流程模块 */ .load {background-repeat: no-repeat;background-color: #FFF;background-image: url("../img/loading.png");width: 740px;height: 64px;margin: 0 auto;position: relative;} .load .one,.load .two{background-image: url("../img/loading.png");height: 63px;width: 370px;position: absolute;top: 0;z-index: 9;} .load .two {background-position: -370px -64px;left: 370px;} /* 确认订单 */ .confirm {margin-bottom: 73px;} .cfm-option,.cfm-main,.type-select,.type-select-ul,.invoice-txt, .invoice-type,.p-pro-ul li,.p-header,.p-footer,.order-header, .ordertab {display: inline-block;width: 100%;*display:inline;zoom:1;_height:250px;} .cfm-option {margin-bottom: 10px;} .cfm-tit {border-bottom: 1px #e5e5e5 solid;} .cfm-tit .txt18 {padding-bottom: 13px;} .cfm-main {margin: 14px 0;} .cfm-main .type-select {margin-bottom: 14px;} .type-select-ul li{display: block;float: left; margin-right: 15px; cursor: pointer;} .type-select-ul li .btn-line{ border-color:#e5e5e5;color: #4f4f4f;} .type-select-ul li.selected .btn-line{border-color: #e83d3d;color: #e83d3d; } /*发票内容 */ .invoice-txt,.invoice-type {margin:4px 0 14px;} .invoice-txt .span1,.invoice-type .span1 {max-width: 90px;min-width: 90px;color: #4f4f4f;line-height: 24px;height: 24px;} .invoice-txt .span9 input[type="text"] {border:0;outline: none;box-shadow: none;} .cfm-main .invoice-type .type-select {margin-bottom: 0;} .invoice-type .type-select-ul li .btn-line {font-size: 14px;min-width: 70px;line-height: 24px;height:24px;} /* 商品清单 */ .proform {margin-bottom: 30px;} .p-header,.p-footer {height:46px;background-color: #F5F5F5;border:1px #e5e5e5 solid;border-bottom: 0;} .p-header>div {color:#4f4f4f;text-align: center;line-height:46px;} .p-header .span7 {padding-left: 170px;text-align: left;width: 52%;max-width: 52%;} .p-pro-ul li {border:1px #e5e5e5 solid;} .p-pro-ul li span1 {line-height: 120px;} .promsn {padding:20px 25px;} .promsn img {width: 80px;height: 80px;} .p-msn {padding:0 17px;} .p-footer {height: 50px;padding: 12px 25px;width: 1152px;margin-top: -1px;border: 0;} .p-footer .span1 {max-width: 90px;} .p-footer textarea.remark {height:46px;width: 200px;height: 40px;line-height: 14px;margin-left: 5px;_margin-left: 5px;padding-top: 5px;_padding-top: 5px;padding-left: 5px;_padding-left: 5px;color: #999;font-size: 14px;font-family: "Microsoft yahei";outline: none;box-shadow: none;} .p-settlement {text-align: right;} .p-settlement p{padding-bottom: 24px;font-size: 14px;vertical-align: middle;} .p-settlement span{color: #f74242;min-width: 150px;display: inline-block;} .cfm-done {padding: 33px 108px 62px;background-color: #f0fffc;border: 1px #d0f5ef solid;text-align: center;margin-bottom: 84px;} .done-in,.d-tools,.d-link,.d-tip {*display:inline;zoom:1;_height:250px;} .done-in {display: inline-block;width: 495px;text-align: center;} .done-in .span3{min-width: 148px;} .done-in .span7{text-align: left;padding: 25px 0 25px;min-width: 250px;} .done-in .span7 .txt24{ font-weight: 600;} .d-take{width: 27px;height:27px;background-image:url("../img/dtake.png");display: block;float: left;margin-right: 5px;} .d-tools {display: inline-block;width: 100%;text-align: left;padding: 49px 0 43px;} .d-tools .d-pay,.d-tools .d-pay span.red {font-size: 18px;font-weight:600;} .d-link {margin-left: -15px;padding-top: 20px;} .d-link a {padding-right: 15px;padding-left: 15px;color: #fd7621;vertical-align: middle;font-size: 14px;} .d-tips p{color: #373737;text-align: left;opacity: 0.6;} .d-tips p.note {padding-bottom: 14px;} /* 弹出二维码 */ #m-modal{box-shadow: 0px 0px 18px 0px rgb(197, 197, 197);max-width: 800px;margin: 0 auto;} #m-modal p {padding-top: 25px;} #m-modal .code-close {float: right;cursor:pointer;} #m-modal p span.green {color:#33cfb4;} #m-modal .wx-msn {width: 222px;margin: 0 auto;} #m-modal .code-close [class*="i_"]:before{margin-right:0; } #m-modal .fl,#m-modal .fr {width: 50%;} #m-modal .fl {width: 49%;border-right:1px #e6e6e6 solid;} #m-modal .m-contant {margin: 80px auto;} .code-tit {display: block;width: 100%;text-align: center;margin-bottom: 25px;} .code-tit img{width: 142px;height: 32px;} .code-pic {display: block;border: 1px #ddd solid;margin: 0 auto;width: 174px;height: 174px;text-align: center;padding: 23px;} #qrcode img,#qrcode canvas,#qrcode1 img,#qrcode1 canvas,.code-pic img{width: 176px;height: 176px;display: block;margin: auto;} .code-wx {} .code-wx img{ width: 254px;height: 352px;} /* 个人中心 */ .user-box {} .user-box a{font-family: "Microsoft yahei";} .user-box .tit-bar {display: block;font-weight: 500;padding-bottom: 18px;} .user-l {display: block;float: left;width: 201px; max-width: 201px;background-color: #FFF;padding: 22px 21px;} .user-l .menuList {display: block;width: 100%;padding: 14px 0;} .user-l .menuList li {display: block;width: 100%;} .user-l .menuList a {text-align: left;display: block;width: 100%;position: relative;padding: 15px 0;font-size: 15px;} .user-l .menuList i {font-size: 13px;vertical-align: middle;position: absolute;right: 0;font-weight: 100;} .user-r {display: block;float: right;width: 933px;max-width: 933px;background-color: #FFF;padding: 22px 0px 20px;min-height: 520px;margin-bottom: 60px;} .user-r .order-header{padding: 0 23px;width: 887px;} .user-r .order-header .fl span{ padding:0 3px 0 23px;} .user-r .order-header .fl span::after {content: "|";} .user-r .order-header .order-search{border: 1px #e6e6e6 solid;height: 40px;overflow: hidden;} .user-r .order-header .order-search input{border: 0;box-shadow: none;outline: none;padding: 5px 11px;height: 30px;line-height: 30px;} .user-r .order-header .order-search button.i_search::before{margin-right: 0;} .user-r .order-header .order-search button.i_search{border: 0;box-shadow: none;outline: none;background-color: #f5f5f5;text-align: center;padding: 5px 10px;border-left: 1px #e6e6e6 solid;} .ordertab {border-bottom: 1px #e6e6e6 solid;margin-bottom: 20px;margin-top: 10px;} .ordertab li{position: relative;} .ordertab li:after{content: "|";display: block;position: absolute;right: 0;top: 5px;} .ordertab li:last-child:after {display: none;} .ordertab li:last-child {border-right: none;} .ordertab li.cur a span,.ordertab li a:hover span{color: #e83d3d;border-bottom: 2px #e83d3d solid;} .ordercontent {padding: 0 23px;} .ordercontent .proform {margin-bottom: 21px;border: 1px #e5e5e5 solid;} .ordercontent .proform .p-header {border:0;border-bottom: 1px #e5e5e5 solid;} .ordercontent .proform .p-header .fl{padding-left: 13px;} .ordercontent .proform .p-header .fl span, .o-detail—in .proform .p-header .fl span {padding:0 10px;} .ordercontent .proform .p-header .fr{padding-right: 23px;} .ordercontent .proform .p-pro .promsn .span1,.o-detail—in .proform .p-pro .promsn .span1{width: 80px;max-width: 80px;} .o-detail—in .proform .p-pro .promsn .span9,.ordercontent .proform .p-pro .promsn .span9 {width: 555px;max-width: 555px;} .ordercontent .proform .p-pro .span2 {line-height: 120px;text-align: right;padding-right: 23px;width: 154px;max-width:154px;} .ordercontent .proform .pfooter {border-top:1px #e5e5e5 solid;padding: 13px 0;} .ordercontent .proform .pfooter .fl{text-align: right;width: 645px;max-width: 645px;} .ordercontent .proform .pfooter .fr{padding:0 23px;} .ordercontent .proform .pfooter .btn-line{border-color: #666;color: #666;margin-left: 10px;float: right;} .ordercontent .favform .promsn{padding:20px 0;} .ordercontent .favform .p-pro {border-bottom: 1px #e5e5e5 solid;} .ordercontent .favform .p-pro .span1,.ordercontent .favform .p-pro .span1 i {line-height: 120px;text-align: center;} .ordercontent .favform .p-pro .span1 i::before {margin-right: 0;} .ordercontent .favform .p-pro .b-r-line {color: #555;min-width: auto;font-size: 12px;margin: 47px auto;display: block;border: 1px #555 solid;padding: 0 5px;line-height: 25px;width: 60px;} /* 订单详情 */ .o-detail—in {margin-top: 30px;} .o-detail—in .p-header {background-color: transparent;border: 0;margin-bottom: 14px;border-bottom: 1px #e6e6e6 solid;padding-bottom: 12px;} .o-detail—in .proform .p-header {margin-left: 23px;margin-right: 23px;width: 885px} .o-detail—in .p-header .btn-line{ border-color: #666; color: #666;} .o-detail—in .p-pro {margin:23px;margin-top: 0;border:1px #e6e6e6 solid;} .o-detail—in .p-pro .span2 {line-height: 120px;} .d-footer {padding: 0 23px;} .d-footer .d-footer-in{padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px #e6e6e6 solid;} .d-footer .d-footer-in h3{font-size: 20px;font-weight: 500;padding-bottom: 21px;} .d-footer .d-footer-in p{font-size: 14px;padding-bottom: 8px;} .d-footer .p-settlement p {padding-bottom: 12px;} /* apply */ .apply {position: fixed;top: 25%;width: 498px;left: 0;right: 0;margin: 0 auto;height: 100%;z-index: 111;display: none;} .apply .tit{padding: 10px 15px;background-color: #33cfb4;position: relative;} .apply .tit .ad{width: 80px;height: 80px;position: absolute;top: -30px;left: 20px;} .apply .tit .i_colse{color: #FFF;position: relative;float: right;margin-right: -5px;font-size: 18px;cursor: pointer;} .apply .tit span{font-size: 24px;color: #FFF;padding-left: 100px;} .apply .a-contant{display: block;padding: 15px;background-color: #FFF;float: left;width: 468px;border: 1px #e6e6e6 solid;border-top: none;} .apply .a-text{display: block;width: 436px;border-color: #E6E6E6;padding: 15px;line-height: 16px;height: 80px;} .apply .apply-box p{font-size: 16px;line-height: 32px;padding-bottom: 5px;} .apply .submit{float: right;} .apply #code {background-color: #555;color: #fff;padding: 12px;height: 10px;line-height: 10px;font-size: 14px;position: absolute;right: 12px;top: 8px;width: 48px;text-align: center;} .apply-box{border: 0;margin-bottom: 16px;background-color: #FFF;position: relative;line-height: 52px;font-size: 15px;} .apply-box label{height: 52px;line-height: 52px;width: 100%;} .apply-box input{width: 378px;height: 25px;padding: 10px 10px 10px 20px;font-size: 14px;color: #666;font-family: "Microsoft YaHei","Hiragino Sans GB";border: 1px #e6e6e6 solid;outline: none;box-shadow: none;margin-left: 20px;} .apply-box input.phone {width: 292px;} .apply-box .other_label {word-spacing: 2px;line-height: 52px;} .apply .tit .ad { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABQVBMVEUAAAAzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7Qzz7T///8zz7Tc9/M30bY70bd64M79/v7s+/n4/fzy/Pqp6+AgjnrI8uuF4tJe2cRR1r/w+/ln28f6/v30/Pu/8OeY59l+4dBs3ck+0rji+fWN5NZK1b31/fvP9O7D8emr7OGK5NSB4dFj2sah6dyP5dZ03sxQyrRB0rlbw7BXr5/Y9vGQyb9M1b5cuqk9nYwqk4DZ9vGz6eCd6NtX18FlsqRNp5c0mYfg7+zc7erH497C4NqfzsZ31cRC07qBv7Rhw7F8vbF7vLDa0L3ZAAAAKXRSTlMABGO0lx7MdvDg2Mi/ckE39YYI6NTNisG8sJ2UfWdeKBnSS+Z+STT6TMPQ2IMAAAOASURBVFjDrZlnW+JAEMcDp4IFafbe72ZDaAYVKaKIBQv2dnd6vX3/D3CZ5DEgWTJJ2P+L5UXY37NldmZ2ViLkW/OPTY4sRxiLLI9MjvnXfFIXCgcGmUWDgbA32mq0n3VQf3TYLc0X6mO26gu5mntgwOy5WT8tyekaQC0tl07rm+aHgYBjnH+UGdo/LmWhTdnS8T4zNOp3hOudYroSOwfAVyqXTDBdU70OhhdkqN1yGmyULu8yVJAcZI8xurMsEMqeGaPsscXF3jHU9h440N42Q72L2SzfEP5DOQKHOlLw/0MdF3J+HL9vyeBY8hb2GJ/n8xb08VWK4ELFij7GBe7hmMBvOylwpdQO9prgHRt9PzbAtTb0nelgL+cp98BUkms9ft1cCuBBBd18/G0GE8T9LYInFXGvg72WCSsyeJSstE96jmlaB89ax/5zLUD0pifQhU7Q5zZ5AfQHcjdAGT1FwDRp9M9V6EpV9OGv5h1C/2f1V6xNF1vnH687ejP0j6GWFSwDBTT06aiDrZabq7iKJpMngE3dHnKBeTSdJR0YRZ8AJLCpjQyPiF4iqgMxnh+4AbITXoA4wAwAecMYL8EVkG3yxojRFTOKGe332CWQnXewnBkNiPlQzh2Qf05zmElpVo2nJGMHrPzkAHetYTuDp8UnhXFJwA6YLNw0LEDeKmHeE5Zm0Q7sgQA/rixIJc8NBrPSNC4IBYTvL3cKuYroxKb12HRIAuHr/cvlW2AF2nWoR6sRrZVpIOSv1OfGmzlbAprMGFuU4lqbpoCo1F9VvWslWhKgNGMsLkW0tkYDUTeqak6bZ7w1xlhEwk/gDAif1YeWrSlxe0jvtabgEPgFh0gBMSDnHQLhWb0ip9zfXF4a+A+BxKYsau2jLXAbTP1W70izoQ07UWvZlUvSsOmjx07NuPFwTx892jkw5frVEB8apHMg3Rfql7Gh3+4btPsiHayhytOj/PQn4cDBig4BwoOU8DAqOtCLTEXqZiqyJDBZEp3OCU84BabEZ5gSx0Qn7YKvFaPCLz6ir2bCL4+ir7fcC3jS+wVcdIlAeBFDdJlFdCFIdKlKfDFNfLmPLkheUAXJC0tBkiyZ1t2WTOmi7m01Z4lHmVzVpqhLl50TRtk5o5GMsnOCV3amFaML4zHJpT6MEaV7Dxpe4T0urCDNs3xhfP6I4/NHHJ8/wj6iw38nOkDGjDp/PAAAAABJRU5ErkJggg=='); } /* 个人设置页面 */ .mine-set {background-color: transparent;padding-top: 0;} .mine-set-box {width: 100%;height: 447px;overflow: hidden; background-color: #FFF; margin-bottom: 24px;} .order-mine, .order-set {display:block;width: 793px;height: 168px;overflow: hidden;padding: 40px 0;margin: 0 70px;} .order-set ul,.order-mine ul {width:100%;height: 100%;} .order-set ul li,.order-mine ul li{display: block;float: left;width: 50%;} .mineList .proform, .order-set {border-bottom:1px #e6e6e6 solid} .order-mine .targent-url a, .order-set ul li p{color: #888;font-size: 14px;line-height: 1.75;} .user-edit .headimg, .order-set .headimg{display:block;float: left;width: 144px;height: 144px;border-radius: 50%;overflow: hidden;} .user-edit .headimg img, .order-set .headimg img{display: block;width: 144px;height:144px;border-radius: 50%; overflow: hidden;} .order-set .mine-info{padding-left: 180px;padding-top: 15px;padding-bottom: 15px; } .order-set .mine-safe {display: block;width: 190px;padding: 40px 90px;} .order-set .mine-safe p {padding-bottom: 10px;} .order-set .name{font-size:24px;} .order-set .editmine{display: block;margin-top: 30px; color: #fd7621;text-decoration: none;} .order-set .safety {color: #8bc34a;} .order-mine .targent-url {padding-left: 120px;padding-top: 15px;padding-bottom: 15px;} .order-mine .targent-url p {font-size: 18px; padding-bottom: 5px;} .order-mine .targent-url p span {font-size: 18px;} .targent-url .number {color: #33cfb4;} .pay,.fav {display:block;float:left; width:75px;height: 75px;} .pay {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAMAAAAPkIrYAAAAilBMVEUAAAD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/bRD/gDD/bRD/q3b/eyj/fiz/bhL/dR3/cRf/cBT/////eCL/9e//wJj/omj/omf/hjr/u5B8Uz4pAAAAHXRSTlMA8ECg/XIm4JaI9uWvBsiNajAfDNW9hNJdW1ZKE856GnkAAAFZSURBVFjD7dj7boIwFMdxGeWqeJm6Oz9pqQMve//Xm7QsoKuJ9pBlf/T7AJ8cGhrCGd1R+MzgBaMhShiaYroURmiLhxlKl9CH6noiUDMGDIOFY/wqIA1Fx/RQd2DL15l/pRWuNvVV8fyxR714IMWS7IcKQG7SUgsGQJamtheJi7ZlkwAw15YPCJ4T4hKItDUGqpwUBxAqCwDPaQngwVnOcpaznOWsP7aqUuoAxBnB4hJnscDaKgQuSyytAoYWVhYXMDS1siRMpVYWVHJX17s+a2NVUO0+T30RrRKqurFqoiWHtIZ/RvPZU95UopULmGJWVgVTXmcdDxtDh6MJ28KQ31n7jbH9rRcyXXbW5ko3Xkn2MLKYS1eca9PT35rdeel4pftn3w5nOctZTSlQ0HcKC2WtAUmzSiDNlPUGQFaFfbK3jpyAXPTRWksytuptwN4nkWfdeD3PWucbH3ggCJM4QEcAAAAASUVORK5CYII=');} .fav {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAMAAAAPkIrYAAAAXVBMVEUAAAD/qwD/qwD/uzH/qwD/shX/uSv/sxj/////7sz/rgn/yFj/tiL/5rL/sA3/rQb/xE3/z2v/7cn/6r//3JP/0XL/ui3/46v/353/14X/vzv/ui//0nj/zGX/wEDkeRu2AAAAA3RSTlMA93DxjsKYAAABEklEQVRYw+3YYauCMBTG8Wtnm9ejObWsW936/h+z7UBpFBE9J1Da/0Wg6Y+BOmU/022RGbxsIZZQeGIZXYstFo8sS1h2JtZvqKRl+F1SGTeSNcvrqGY5rMGa7jyhaXGO9Y1zzowsNnfxu5Z50Met/CXr2Y4hxybHraFkjU5t9KzmT8/adfun1qb21SvW/tj2q2Ldtw0RfK/2XRHbnoiwZ4hC5SpQayLYikWr1bGaYrvrlMbV/stdgVvXkpWs8anWalmH2pj6oGI5NiF2CpbzYVRhZN7BViV/y9EVaEUqv0ydFWbJcKQIgZYXSjAPWt4Nm85DVr25fXW9b/HdfstT+F5N1hdbeutfOimuF2aq65iT7Qz3sElWqx8WrwAAAABJRU5ErkJggg=='); } .myorder {background-color: #FFF;} .myorder .mytitle {padding: 23px 23px 20px;font-size: 18px;} .mineList .proform:last-of-type {border-bottom:0;} .mineList .proform .proimg{ display: block;float: left;} .mineList .proform .orderinfo {display: block;height: 41px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .mineList .span2,.mineList .span1 {display: block;vertical-align: middle;padding:42px 0;text-align: center;} .mineList a {border-radius: 25px;padding:5px 10px;font-size: 14px;border:1px #555 solid;} .user-edit {height: 395px;position: relative;padding-top: 60px; } .user-edit .fl {} .change_headimg-box {display: block;height: 40px;line-height: 40px;text-align: center;position: relative;overflow: hidden;color:#007fea;z-index: 99;} .file_img {position: absolute;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);width: 100%;} .user-edit .fr {margin-right: 48px;} .user-edit .headimg {position: absolute;top:35%;left:55px;overflow: inherit;} .user-edit .edit-name {font-size:18px;color:#353535;padding-bottom: 29px;border-bottom: 1px #ddd dashed;margin-bottom: 29px;} /* .user-edit ul {} */ .user-edit ul li {border-bottom: 1px #e5e5e5 solid;} .user-edit ul li:last-child {border-bottom: none;} .user-edit .editType {width: 630px;display: block;padding: 0;height: 106px;position: relative;overflow: hidden;} .user-edit .editType .typeicon{display: block;float: left;height: 106px;width: 70px;text-align: center;} .user-edit .editType .typeicon [class*="i_"]{color: #33cfb4;font-size: 30px;line-height: 106px;} .user-edit .editType .typetext {padding-left: 50px;padding-top: 30px;} .user-edit .editType .typetext p {color: #9d9d9d;} .user-edit .editType .typetext .typename,.user-edit .editType .typetext .typename .type-in{color: #353535;font-size: 18px;} .user-edit .editType .typetext .typename .type-in{padding-left: 15px;} .user-edit .editType .typebtn {position: absolute;right: 0;top: 30%;} .user-edit .editType [class*="btn-line-"]{border-color:#9d9d9d; color:#9d9d9d;min-width:96px;height: 34px;line-height: 34px;} .changeBtn {background-color: transparent;border: 0;box-shadow: none;outline: none;} .editname {font-size:18px;} .changeBtn.btnchange{width: 19px;height: 19px;display: inline-block;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAQlBMVEUAAAAAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+oAf+qsWlNzAAAAFXRSTlMAdYR94uuMnfAKw7awMif4YFNrNx78Rs3QAAAAaklEQVQY04XOSw6AIAwE0FFaCoL45f5XtRtNwQWz6CSvaVKMcvLc01TT5nvyOBQbEp1HdZaIi3YO9jAuVLRnQ4Ci/+jdRvoR3ICkJxCHtaO7XlnR2Wf3gJhYLEESsHJDoCVz5QmNkewFozwSLQQ8oJRnNgAAAABJRU5ErkJggg==');margin-left: 15px;} /* 步骤页面 */ .stepbox {} .step{margin:0 auto;display:block;height:60px;width: 734px;padding-top: 39px;} .step li{position:relative;text-align:center;display: block;float: left;width: 33%;height: 30px;} .step .line_bg{height:3px;background: #cecece;display:inline-block;width: 100%;top: 40%;left: 0;position: absolute;z-index:1;} .step .num{position:relative;z-index:2;width: 30px;height:30px;text-align:center;display:inline-block;} .step .num em,.num i{width: 30px;height: 30px;display: block;border-radius: 50px;line-height: 30px;color: #FFF;background-color: #cecece;} .step .num i{z-index:3;color:#fff;font-style:normal;font-weight:700; line-height: 35px; height: 35px;} .step .lbg-txt{color:#b6c6ce;font-size: 16px;text-align: center;line-height: 35px;height: 35px;} .step .on .lbg-txt{color: #2fc233;} .step .on .line_bg,.step .on .num em{background-color: #2fc233;} .stepcontentbox {display: block;width: 500px;margin: 0 auto;padding: 20px 0;} .txt03{width: 205px;line-height: 16px;padding: 10px;border: 1px solid #cccccc;float: none;font-size: 14px;font-family: arial,"宋体";color: #999;overflow: hidden;outline: none;box-shadow: none;} .stepcontentbo .item {height:68px;line-height:34px;position: relative;z-index:5;} .stepcontentbo .item .item-ifo{position: relative;width: 270px;} .stepcontentbo .part1,.stepcontentbo .part2,.stepcontentbo .part3{ padding-left:150px;} /* */ .stepcontentbox .item {display:block;width:100%;position: relative;} .stepcontentbox .focus{display: block;width: 100%;padding: 5px 15px 5px 135px;float: left; } .stepcontentbox .error {color:#e83d3d;} .stepcontentbox .hide {display:none;} .stepcontentbox .myphone {line-height:40px;height:40px;} .stepcontentbox .intelligent-label{display: block;float: left;line-height: 40px;width: 120px;text-align: right;padding-right: 15px;height: 40px; } /* code-item */ .code-item {position: relative;} .code-item [class*="btn-"] {border-color: #ccc;position: absolute;color: #666666;min-width: 120px;font-size: 14px;height: 36px;line-height: 36px;border-radius: 0;margin-left: -1px;} .settimeout {padding-top: 40px;} .settimeout p{text-align: center;font-size: 16px;} .settimeout p strong {font-size: 16px;color: #e83d3d} .settimeout .success-btn {text-align: center;display: block;width: 100%;margin-top: 24px;} .settimeout .success-btn [class*="btn-"]{margin: 0 auto;float: none;padding: 5px 15px;} #invoicemain {display: none;} #invoice{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-left: 5px;margin-right: 5px;-webkit-appearance: none;background-color: transparent;border: 0;outline: 0 !important;line-height: 20px;color: #d8d8d8;overflow: hidden;} #invoice:after {content: "";display:block;width: 20px;height: 20px;text-align: center;line-height: 14px;font-size: 16px;color: #fff;border: 2px solid #ddd;background-color: #fff;box-sizing:border-box;} #invoice:checked:after {content: "L";transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);-webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);border-color: #37AF6E;background-color: #37AF6E;} #invoice:checked {background-color: #37AF6E;} /*模块标题*/ .title_i.titleCeter{text-align: center;margin: 0 auto 60px;} .title_i.titleCeter h3.title-cn{margin:0 0 5px 0;font-size: 32px;line-height: 42px;font-weight: normal;} .title_i.titleCeter p.title-en{font-size: 18px;color: #c2c2c2;line-height: 20px} /* xzk 20190911*/ .title_i.titleCeter p.title-en::before { content: ""; width: 117px; height: 4px; background-color: #26ceb4; position: absolute; left:0; right:0; margin: 0 auto; top: 0; } .title_i.titleCeter p.title-ens::before { content: ""; width: 200px; height: 4px; background-color: #26ceb4; position: absolute; left:0; right:0; margin: 0 auto; top: 0; } .title_i.titleCeter p.title-en {position: relative;padding-top: 25px;margin-top: 8px;} .title_i.titleCeter p.title-ens {position: relative;padding-top: 25px;margin-top: 8px;} /* 首页渐变颜色 */ /* .bggVioletradient { padding:55px 0; background-repeat-x: repeat; background-repeat-y: no-repeat; background-position: center; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAJEAgMAAABr9uxAAAAADFBMVEXx8/719P349fz89fscU7ZIAAABxklEQVRIx+zNwYnDMBAF0GkyBhUggd1PBHIBhkigAjTgghwYF6DD7p8JBkMw5LybOQzPX18y/eh893dfbtYh6bKvtDP3w+vO0gnLkhUWxEJrl77TvnZmvYu842MlwTFbLupup3xs0fnQ+1v+udd+3engTrmUkolba0w5b9uG01qr+tmQ11rQaZu61OfJlhfrbNavdndjNWfNs2hH1KWwullexf4Fc2WGS1Y3c7ac0Tnc4A2XM1URvNNyxpuFGyyWZxF02Ppm5Llph/W/Ov9iJ8xsXsz5zUE9X/jov3k+vZ9oMc8BQyOChWYUZ/WMd5aQHjSFPMGPhHxJi3am8QGjok7LSOMyzfD4MjowWvCoxqEZneF2945ScNGTj95His5Fp06eoo+3RD64NJBDEU4Jp3EYnIc97HyEg1PfT77Ko9kn8+1kZ44vDycHGDL7s5M5mO8nR083nT++f9sZgxQEghgIRvABBnYeJKQf0DD5/1dMWg8DIh4XlulTpShCHIQN8ezD8OH2KS5b/rsvG/z3B46hhvqTYqif6ocxiCrzSDcgm2dQnO3di+PNXNj9d/O83SMs2D565n4d1mQeC/vKF2n29vZO3QtPwMluj3qVkAAAAABJRU5ErkJggg=='); } */ /* functionBox2 20190912 xzk */ .functionBox2 { padding:100px 0 60px; } .bgViolet { background-color: #E7EDF5; } /* 渐变色 */ .bggVioletradient{ background: -moz-linear-gradient(top, #fcf5fb 0%, #f1f3fe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf5fb), color-stop(100%,#f1f3fe)); background: -webkit-linear-gradient(top, #fcf5fb 0%,#f1f3fe 100%); background: -o-linear-gradient(top, #fcf5fb 0%,#f1f3fe 100%); background: -ms-linear-gradient(top, #fcf5fb 0%,#f1f3fe 100%); background: linear-gradient(to bottom, #fcf5fb 0%,#f1f3fe 100%); } /*首页客户案例-start*/ .customerList{margin: 0 auto;padding: 80px 0;background-color: #fff;} .customerList .title_i.titleCeter{text-align: center;margin: 0 auto 50px;} a.custList-home-item {display: block;float: left;width: 288px;height:173px;border: 1px solid #e2e2e2;margin: 0 5px 10px;overflow: hidden;cursor: default;text-align: center;} /*a.custList-home-item:hover{box-shadow: 0 0 10px #ccc;}*/ a.custList-home-item img.case-home-img{width: auto;height: 100%;margin: 0 auto;} .moreCase-btn{display: block;width: 158px;height: 46px;line-height:46px;font-size: 16px;color: #333;border: 1px solid #333;margin: 40px auto 0;text-align: center;} .moreCase-btn:hover{color: #33cfb4;border: 1px solid #33cfb4;} /*首页客户案例-end*/ /*添加试用-start*/ .applyTry-top{text-align: center;padding: 22px 15px;} .applyTry-top:hover{background-color: #fff !important;} .applyTry-top a.applyTry-btn{ height: 24px; line-height: 24px; margin: 0 auto; width: 80px; font-size: 14px; background-color: #26ceb4; border-radius: 12px; color: #fff; padding: 0 !important; } a.applyTry-btn { margin: 35px auto 0; width: 170px; height: 50px; line-height: 50px; display: block; text-align: center; font-size: 24px; background-color: #26ceb4; border-radius: 25px; color: #fff; cursor: pointer; } a.applyTry-btn:hover{box-shadow: 0 8px 10px #c6e9eb;} /*申请试用弹窗*/ .apply-new { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; display: none; } .apply-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } .apply-main { width: 472px; height: 680px; padding: 20px 20px; background-color: #2c41a8; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 8px; } .apply-content { background-color: #fff; border-radius: 8px; } .apply-content .int,.apply-content .txtArea { border-bottom: 1px solid #d9d9d9; padding: 6px 24px 6px 12px; position: relative; } .txtArea textarea { resize: none; width: 100%; border: 0; text-decoration: none; outline: none; } .apply-content .int input[type=text] { border: 0; line-height: 24px; width: 356px; margin-left: 80px; text-decoration: none; outline: none; } .apply-content .int input[type=text]:focus,.txtArea textarea:focus,input#applyUseSend{ outline: none; } .apply-content .int input[type=radio]{ } .radioGroup { width: 100%; margin: 24px auto 0; line-height: 24px; } .radioGroup>li { display: inline-block; margin-right: 10px; } .apply-content span.mustIn { color: #ff0000; font-size: 16px; position: absolute; right: 15px; top: 10px; } .int label { color: #b5b5b5; font-size: 14px; width: 80px; line-height: 18px; display: block; position: absolute; top: 10px; left: 12px; } .txtArea label { width: 100%; color: #b5b5b5; font-size: 14px; line-height: 18px; display: block; } p.applyUseBtmTips { padding: 10px; font-size: 14px; line-height: 18px; text-align: center; color: #888; } input#applyUseSend{ width: 320px; height: 48px; line-height: 48px; background-color: #26ceb4; border: 0; border-radius: 24px; font-size: 20px; color: #fff; margin: 0 auto 15px; text-align: center; } input#applyUseSend:hover{background-color: #22B9A2} .apply-header { height: 60px; position: relative; padding-bottom: 10px; margin-bottom: 10px; } .applyUse-logo { position: absolute; top: -10px; right: 0; } .apply-zmdlogo { height: 28px; } .logoSubText { color: #fff; font-size: 22px; line-height: 22px; font-weight: bold; margin-top: 10px; } .applyNew-close{ display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; position: absolute; top: -10px; right: -10px; color: #fff; cursor: pointer; } .applyNew-close:hover{color: #ff3f3f} /*添加试用-end*/ /*专题页样式（买家易专题页）*/ .zt_picture{max-width: 1920px;width: 100%;height: auto;position: relative;overflow: hidden;} .zt-item{padding: 65px 0;background-color: #fff;} .zt-item .title_i{text-align: center;margin: 0 auto;} .zt-item .title_i .title-cn{font-size: 36px;line-height: 40px;color: #373737;font-weight: bold;margin: 0 auto 25px;} .zt-item .subTitle{line-height: 32px;font-size: 18px;} .zt-item .container-body{text-align: center;} .zt-item .container{width: 1280px;margin: 0 auto;position: relative;} .zt-item.about-easySell{background-color:#f0f0f0;padding: 65px 0 0;} img.aboutEasySellImg{margin: 65px auto -35px;} /*买家易全国(优势)*/ .zt-item.youshi-easySell{padding:125px 0 90px;} .zt-item .container-body .clients-item{float: left;text-align: center;width: 360px;margin-right: 40px;height: 410px;padding: 50px 20px 40px;border-radius: 10px;box-shadow: 0 0 25px #e0e0e0;} .zt-item .container-body .clients-item .clientName{font-size: 20px;color: #373737;line-height: 24px;margin: 45px auto 20px;text-align: left;} .zt-item .container-body .clients-item .clientDesc{font-size: 16px;color: #373737;line-height: 22px;margin: 0 auto 14px;text-align: left;} .zt-item .container-body .clients-item img.clientPic{width: 280px;height: 280px;} .zt-item .container-body .clients-list{margin: 60px auto 0;} /*Aems+买家易流程*/ .zt-item.flow-easySell{background: url('../img/zhuan_ti/easySell/05-01.png') no-repeat center;} .zt-item.flow-easySell .title_i .title-cn{color: #fff;margin:0 auto 10px;} .zt-item.flow-easySell .title_i .subTitle {color: #fff;font-size: 44px;line-height: 48px;font-weight: bold;} .flow-easySell-img{width: 1182px; height: 544px;margin: 50px auto 0;} /*买家易最后*/ .zt-item.final-easySell{padding:80px 0;} .zt-item.final-easySell .title_i .title-cn{color: #323232;margin:0 auto 10px;} .zt-item.final-easySell .title_i .subTitle {color: #323232;font-size: 44px;line-height: 48px;font-weight: bold;} .zt-item.final-easySell .title_i .title-desc{font-size: 18px;line-height: 32px;color: #323232;text-align: center;margin-top: 35px;} .final-easySell-img{width: 1254px; height: 293px;margin: 60px auto 0;} /*百度商桥弹出框样式*/ #newBridge .nb-middle{left: 50% !important;} .swiper-container {max-width:1920px;width:100%;position:relative;overflow:hidden;left:0;right:0;margin:0 auto}